Подскажите пожалуйста пример кода ( или ссылку ) для ситуации , когда по нажатию кнопки в одном react компоненте нужно изменить state в другом
1 ответ
Можно так...
import React from 'react';
import { render } from 'react-dom';
class ChildComponent extends React.Component {
state = {
name: 'Бумеранг вернулся назад'
}
render() {
return (
<div>
<button onClick={() => { this.props.updateData(this.state.name)}}>Запустить бумеранг</button>
</div>
)
}
}
class ParentComponent extends React.Component {
state = {
name: 'Бумеранг не запущен'
};
updateData = (value) => {
this.setState({ name: value })
}
render() {
return (
<div>
<p>State: {this.state.name}</p>
<ChildComponent updateData={this.updateData} />
</div>
)
}
}
render(<ParentComponent />, document.getElementById('root'));
клик кнопки 1 -> событие -> изменение стейта родителя -> перерисовка компонента 2, используя в props значения из стейта родителя