antd 每次打开modal 初始化数据

场景：每次打开Modal 重新请求ajax数据，或者初始化Form等数据

解决办法：

1.给modal 添加 destroyOnClose 属性

2.给Modal添加key，每次弹出的时候 改变key的值，保证每次key的值不同 这里使用了Math.random()

Math.random().toString(32).slice(2)

介绍代码如下：

 

实际项目代码如下：

父组件：

saveItemProjInfo = (i) => {

   this.setState({myKey: Math.random()});

}

render(){
  const {visible, myKey} = this.state;

return (
  <div>
    <Button onClick={() => this.saveItemProjInfo()}>新增</Button>
   { visible && <CollectTicketsMaintain
      visible={visible}
      myKey={myKey}
      handleCancel={this.handleCancel}
    />}
 </div>
)

}

子元素：

render(){
 const {visible,myKey} = this.props;
 return (
    <Modal
        visible={visible} 
        key={myKey}
    />
)
}