ItemsApp.js 603 B

123456789101112131415161718192021222324252627
  1. import React, {useState} from 'react';
  2. import ItemsList from './ItemsList';
  3. import AddItemForm from './AddItemForm';
  4. const ItemsApp = () => {
  5. const [items, setItems] = useState([]);
  6. const addItems = (newitems) => {
  7. setItems(items.concat(newitems));
  8. };
  9. const removeItem = (index) => {
  10. let res = items.filter(item => items.indexOf(item) !== index);
  11. setItems(res);
  12. };
  13. return (
  14. <div>
  15. <ItemsList items={items} removeItem={removeItem} />
  16. <AddItemForm addItems={addItems} />
  17. </div>
  18. );
  19. }
  20. export default ItemsApp;