Онлайн-редактор кода, разбор решения и отметки о прогрессе доступны после входа.
ВойтиСоздать аккаунт — бесплатноВ этом задании мы научимся передавать данные в компоненты через props.
Props (сокращение от properties - свойства) - это способ передачи данных от родительского компонента к дочернему. Это как аргументы функции, но для компонентов.
Благодаря props один и тот же компонент можно использовать многократно с разными данными. Например, компонент карточки профиля можно использовать для отображения разных пользователей.
Props передаются как атрибуты JSX элемента:
<ProfileCard name="Анна" age={25} />А внутри компонента принимаются как первый параметр функции:
Можно использовать деструктуризацию для удобства:
Необходимо создать компонент ProfileCard, который принимает props: avatar (эмодзи), name (имя), bio (описание), followers (количество подписчиков) и following (количество подписок). Компонент должен выводить эти данные в соответствующих элементах с нужными классами. Затем в компоненте App создайте три карточки профилей с разными данными.