react子组件向父组件传递数据实例
生活随笔
收集整理的這篇文章主要介紹了
react子组件向父组件传递数据实例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這個例子很簡單,看一下就懂:
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 組件的內容:{this.state.son}</p></div>;} }ReactDOM.render(<Father/>, mountNode);總結
以上是生活随笔為你收集整理的react子组件向父组件传递数据实例的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 妤字怎么读(为什么说妤字是欠子之字)
- 下一篇: JavaScript垃圾回收机制理解