此篇博客属于是入门级,简单的确认弹框
弹框实现核心代码:
visible={this.state.visible2}
onOk={()=>this.onOpen(index, record)}
onCancel={this.onClose2.bind(this)}
onClose={this.onClose2.bind(this)}
title="友情提示!!"
style={this.state.style}
align={this.state.align}
>
<h3>是否需要增加当前页?</h3>
</Dialog>
在此之前,因为此例比较特殊,有两个弹框,要考虑到弹框属性判断,判断代码如下:
constructor(props) {
super(props);
this.state = {
visible: false, selectedStep: props.selectedStep,visible2: false
};
this.field = new Field(this);
}
当确认弹框确认后,visible2赋予true值,然后visible为true,显示第二个弹框。
this.setState({
visible2: true
})
}
//*************第二个弹框
onOpen = (index, record) => {
this.field.setValues({ ...record });
this.setState({
visible: true,
name: index,
});
};```
反之,则不显示
``` onClose2 = () => {
this.setState({
visible2: false
})
}
//*************第二个弹框关闭
onClose = () => {
this.setState({
visible: false,
visible2: false
});
};
2018/12/17
这里特别鸣谢王诚毅同学的帮助
guanglu