飞冰多个弹框下之确认弹框Dialog处理

此篇博客属于是入门级,简单的确认弹框
弹框实现核心代码:
          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}
        >
          

是否需要增加当前页?

  在此之前,因为此例比较特殊,有两个弹框,要考虑到弹框属性判断,判断代码如下:
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

你可能感兴趣的:(飞冰多个弹框下之确认弹框Dialog处理)