React-Modal初体验

效果是弹出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>
)
}
);

如下图即可：