Props — это входные данные для компонентов React, которые позволяют тебе передавать данные от родительского компонента к дочернему. Они работают похоже на HTML-атрибуты и делают компоненты динамичными и переиспользуемыми.
props компонентаthis.props в компонентах-классах или как параметры функции в функциональных компонентахclass ParentComponent extends React.Component {
render() {
return (
<div>
<ChildComponent name='John' age='30' />
<ChildComponent name='Mary' age='25' />
</div>
)
}
}
class ChildComponent extends React.Component {
render() {
return (
<div>
<p>{this.props.name}</p>
<p>{this.props.age}</p>
</div>
)
}
}
const ParentComponent = () => {
return (
<div>
<ChildComponent name='John' age='30' />
<ChildComponent name='Mary' age='25' />
</div>
)
}
const ChildComponent = (props) => {
return (
<div>
<p>{props.name}</p>
<p>{props.age}</p>
</div>
)
}
Props — это данные только для чтения, которые передаются однонаправленно от родительских компонентов к дочерним, и попытка напрямую изменить prop вызовет ошибку в React.
Новый — ещё не проверен сообществом
Вы