這個(gè)例子很簡單，看一下就懂：

class Son extends React.Component {render() {return <input onChange={this.props.onChange}/>;} }class Father extends React.Component {constructor() {super();this.state = {son: ""}}changeHandler(e) {this.setState({son: e.target.value});}render() {return <div><Son onChange={this.changeHandler.bind(this)}/><p>這里顯示 Son 組件的內(nèi)容：{this.state.son}</p></div>;} }ReactDOM.render(<Father/>, mountNode);

總結(jié)

以上是生活随笔為你收集整理的react子组件向父组件传递数据实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。