我仅以这个简单的 React 组件为例。
我想在函数“working”和“group.notWorking”中访问this.setState()。
var myComponent = React.createClass({
getInitialState: function() {
return {};
},
working: function() {
this.setState({ test: true }); //this is myComponent
},
group: {
notWorking: function() {
console.log(this); //this is window
}
},
render: function() {
return (
<div>
<ChildComponent working={this.working} group={this.group}/>
</div>
);
},
});
我的问题是如何传递分组在一个对象中的函数,或者是否有任何最佳实践,以避免将所有函数一个一个地传递给子组件。