27 lines
570 B
JavaScript
27 lines
570 B
JavaScript
|
import React, { useState } from 'react';
|
||
|
|
||
|
import AddUser from './components/Users/AddUser';
|
||
|
import UsersList from './components/Users/UsersList';
|
||
|
|
||
|
function App() {
|
||
|
const [usersList, setUsersList] = useState([]);
|
||
|
|
||
|
const addUserHandler = (uName, uAge) => {
|
||
|
setUsersList((prevUsersList) => {
|
||
|
return [
|
||
|
...prevUsersList,
|
||
|
{ name: uName, age: uAge, id: Math.random().toString() },
|
||
|
];
|
||
|
});
|
||
|
};
|
||
|
|
||
|
return (
|
||
|
<div>
|
||
|
<AddUser onAddUser={addUserHandler} />
|
||
|
<UsersList users={usersList} />
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
export default App;
|