Props — аргументы компонента, передаются как атрибуты: <UserCard name="Ann" age={25} />. Внутри: function UserCard({ name, age }) или props.name.
Props только для чтения — не мутируйте их. children — вложенный контент между тегами. Значения по умолчанию через деструктуризацию: { size = "md" }.
PropTypes или TypeScript типизируют props в реальных проектах.
function Alert({ type, children }) {
return <div className={'alert-' + type}>{children}</div>
}
<Alert type="error">Ошибка</Alert>function Card({ title, children }) {
return <section><h2>{title}</h2>{children}</section>
}Книга, игра и упражнения доступны без регистрации. Видеоуроки — после оплаты курса.