React - Component Compositon (2)

来源：互联网发布：mac连接usb鼠标编辑：程序博客网时间：2024/05/16 12:19

学习React时，个人感觉 component compositon 是比较重要的一部分，重点学习了一下，与大家分享一下学习心得：

方法一：

// 子组件var C = React.createClass({  render () {    return (      <input type="text" onChange={this.props.onChangeC}/>    )  }});// 父组件var P = React.createClass({  handleChangeC (e) {    console.log('handleChangeC', e.target.value);  },  renderC () {    return (<C onChangeC={this.handleChangeC}/>)  },  render () {    return (      <div>        {this.renderC()}      </div>    )  }});ReactDOM.render(<P />, document.getElementById('test1'));

方法二：

var C = React.createClass({  handleChange (e) {           this.props.onChangeC(e.target.value);  },  render () {    return (      <input type="text" onChange={this.handleChange}/>    )  }});var P = React.createClass({  handleChangeC (e) {    console.log('handleChangeC', e);  },  renderC () {    return (<C onChangeC={this.handleChangeC}/>)  },  render () {    return (      <div>        {this.renderC()}      </div>    )  }});ReactDOM.render(<P />, document.getElementById('test2'));

以上程序均可使用，如果有更简便的方法，请指教。

0 0