我成功地export default React.createClass
用来处理一个 Boostrap 模态和一个 Griddle 表。
现在我想在用户单击 Griddle 的特定列时打开模态。这是通过使用处理点击代码/事件的自定义组件来完成的。但是由于自定义组件被定义为一个新的不同类var editData = React.createClass
,我无法访问主类的状态来打开模式。
我应该如何进行?在下面的代码中,我不知道是我缺少的部分。
谢谢卡尔
var editData = React.createClass({
render: function() {
return (
<div onClick={I DO NOT KNOW}>
Edit row data for id {this.props.rowData.id}
</div>
)
}
})
var columns = ["id", "name", "edit"]
var columnMeta = [{
columnName: "edit",
customComponent: editData
}]
export default React.createClass({
close() {this.setState({ showModal: false })},
open() {this.setState({ showModal: true })},
render() {
return (<div>
<Modal show={this.state.showModal} onHide={this.close}>
<Modal.Header closeButton>
<Modal.Title>Modal heading</Modal.Title>
</Modal.Header>
<Modal.Body>
Text in a modal
</Modal.Body>
<Modal.Footer>
<Griddle columns={columns} columnMetadata={columnMeta} />
</div>)
}
})