Logo

Zadanie - stwórz komponent UserList

git checkout 16-users-list-component -f

Robi nam się troche bałagan który warto okiełznać. Wyświetlamy obecnie listę użytkowników oraz filtrujemy ich pod względem imienia i nazwiska. Wszystko to dzieje się w App. Zróbmy z tego osobny komponent, który:

  • wyświetli listę użytkowników
  • ściągnie listę użytkowników
  • odflitruje ich na podstawie otrzymanych propsów name i surname

Zadanie

Wydziel funkcjonalność UsersList do osobnego komponentu

  1. zdefiniuj klasę UsersList, dziedzicz po klasie React.Component

    • zdefiniuj w niej metodę render() i zwróć diva z dowolnym tekstem
  2. Wyświetl komponent UserList w App.js
  3. Dodaj stan users w komponencie UsersList

    1. Zdefiniuj pusty stan z users=[]
    2. Skopiuj metodę componentDidMount do komponentu UsersList
    3. wyświetl w konsoli listę użytkowników
    4. przenieś wyświetlanie użytkowników (najlepiej wykomentuj tymczasowo filtry bo nie będzie działać ;))
  4. Przekaż propsy name i surname