Опоры: реквизит - это не что иное, как свойство компонента и компонента реакции - это не что иное, как функция javascript.
class Welcome extends React.Component {
render() {
return <h1>Hello {this.props.name}</h1>;
}
}
const element =;
здесь <Welcome name="Sara" />
передача объекта {name: 'Sara'} как реквизит компонента Welcome. Для передачи данных из одного родительского компонента в дочерний компонент мы используем реквизиты. Реквизит неизменен. Во время жизненного цикла компонента реквизиты не должны меняться (считайте их неизменяемыми).
Состояние: состояние доступно только внутри Компонента. Чтобы отслеживать данные внутри компонента, мы используем состояние. мы можем изменить состояние с помощью setState. Если нам нужно передать состояние ребенку, мы должны передать его как реквизит.
class Button extends React.Component {
constructor() {
super();
this.state = {
count: 0,
};
}
updateCount() {
this.setState((prevState, props) => {
return { count: prevState.count + 1 }
});
}
render() {
return (<button
onClick={() => this.updateCount()}
>
Clicked {this.state.count} times
</button>);
}
}