我有一个包含HotTable
组件的React组件。
我的实施纲要:
<Parent>
<h1>{this.state.contextName}</h1>
if(this.state.contextName === 'context1')
<HotTable settings={this.hotTableSettings.setting1}>
if(this.state.contextName === 'context2')
<HotTable settings={this.hotTableSettings.setting2}>
</Parent>
在HotTable
中单击单元格时,我想使用其他设置来渲染HotTable
。
我的设置的部分代码段具有要处理的钩子afterOnCellMouseUp
单击:
this.hotTableSettings = {setting1:{
afterOnCellMouseUp : function(e, coords, td){
//Here I need to update Parent State Context to 'context2'
//this keyword here refers to HotTable Instance
}
}, setting2:{...}
}
我该如何实现?