class Parent extends Component {
constructor() {
super();
this.state = {
text: ''
};
}
// Ссылку на этот метод будем передавать в Button компонент.
buttonClick() {
this.setState({ text: Date.now() });
}
render() {
return (
<div>
// Ну, а тут передаем состояние text (родительского компонента) через props в дочерний (Text)
<Text text={ this.state.text } />
<Button onClick={ () => this.buttonClick() }/>
</div>
);
}
}
function Button(props) {
return <button onClick={ props.onClick }>Click me</button>
}
function Text(props) {
return <span>{ props.text }</span>
}