Props в React. Что такое пропсы, как передавать данные и зачем нужен children

✏️ Объясню, что такое props в React и как с их помощью компоненты получают данные извне. На простом примере Greeting покажу, как работает передача пропсов. Доработаем Field, чтобы он принимал label, id, type и внешний класс. Сделаем Button универсальным и используем children для содержимого. Компонент TodoItem научим принимать заголовок, id и флаг isDone. TodoList начнёт отображать задачи из массива. А в TodoInfo передадим общее количество задач и число выполненных. Всё — строго по шагам, чтобы стало понятно, как связать между собой компоненты в React. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:31 | Что такое props ▶ 02:39 | Мини-пример: компонент Greeting ▶ 04:12 | Передаём пропсы в Field ▶ 06:50 | Передаём пропсы в Button. Что такое children ▶ 09:05 | Передаём пропсы в TodoItem ▶ 12:30 | Передаём пропсы в TodoList ▶ 15:56 | Передаём пропсы в TodoInfo ▶ 19:27 | Заключение 📚 Ссылки из видео: 🧑‍💻 Основной телеграм-канал: 💬 Коммьюнити-чат в телеграме (помощь новичкам): 🗂️ Бесплатные курсы на канале: 📌 Автор: #reactjs