我试图找到定义可以以一般方式使用的组件的正确方法:
<Parent> <Child value="1"> <Child value="2"> </Parent>
当然,可以想象并在父组件和子组件之间进行渲染的逻辑。
对于这个问题,这是一个虚拟的实现:
var Parent = React.createClass({ doSomething: function(value) { }, render: function() { return (<div>{this.props.children}</div>); } }); var Child = React.createClass({ onClick: function() { this.props.doSomething(this.props.value); // doSomething is undefined }, render: function() { return (<div onClick={this.onClick}></div>); } });
问题是,每当您用于{this.props.children}定义包装器组件时,如何将某些属性传递给其所有子组件?