• Как связать два child компонента в react js?

    @lemme
    Frontend
    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>
    }
    Ответ написан
    2 комментария