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
-
zdefiniuj klasę UsersList, dziedzicz po klasie React.Component
- zdefiniuj w niej metodę render() i zwróć diva z dowolnym tekstem
- Wyświetl komponent UserList w App.js
-
Dodaj stan users w komponencie UsersList
- Zdefiniuj pusty stan z users=[]
- Skopiuj metodę componentDidMount do komponentu UsersList
- wyświetl w konsoli listę użytkowników
- przenieś wyświetlanie użytkowników (najlepiej wykomentuj tymczasowo filtry bo nie będzie działać ;))
- Przekaż propsy name i surname