Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 

Jeśli będziesz mieć problem z rozwiązaniem tego zadania, poproś o pomoc na odpowiednim kanale na Slacku, tj. s2e05-react-styling (dotyczy mentee). Pamiętaj, aby treść Twojego wpisu spełniała odpowiednie kryteria.

 

#03 React: Stylowanie

Kolejnym komponentem z React Boostrap jest <Breadcrumb>, który wykorzystuje dodatkowo <Breadcrumb.Item>, co umożliwia tworzenie tzw. okruszków chleba.

Wystarczy, że Twój komponent <Breadcrumb.Item> będzie wspierał opcje:

  • href
  • active.

Zwróć uwagę, że React Boostrap w swoich źródłach ma komponenty w osobnych plikach, np. Breadcrumb.tsx (rozszerzenie .tsx oznacza, że deweloperzy wykorzystują TypeScript) oraz BreadcrumbItem.tsx, a dopiero przy eksporcie (koniec pliku) dołącza do właściwości Breadcrumb.Item importowany komponent BreadcrumbItem (Breadcrumb.Item = BreadcrumbItem). Możesz zrobić podobnie.

Tym razem sam stwórz wygodną dla siebie strukturę plików w lokalizacji ./src/components/Breadcrumb i wykorzystaj ją w ./03/Task03.js.

 

⬅️ poprzednie zadanie | następne zadanie ➡️