效果是弹出Modal
实现如下:
ConstApp = React.createClass(
getInitialState(){
visible:false,
text:’’,
},
showModal(record,index){//给text赋值 以及改变visible状态
this.setState({
visible:true,
text:record.personName,
});
},
handleOk(){//处理点击确定按钮事件
this.setState(
{
visible:false,
}
);
},
handleCancel(){//处理取消点击事件
this.setState(
{
visible:false,
}
);
},
render:function(){
return (
<div>
<Modal title=”Test Modal”visible={this.state.visible} onOk={this.handleOk} onCancel={this.handleCancel}>
</Modal>
</div>
)
}
);
如下图即可: