您的位置：首页 > Web前端 > React

React - Component Compositon (2)

2016-04-08 15:56 399 查看

学习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'));

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航