场景:每次打开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}
    />
)
}
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐