zoukankan      html  css  js  c++  java
  • React中如何实现模态框每次打开都是初始界面

    问题描述如下

    解决方案:每次点击打开模态框的时候为,当前模态框设置一个独立的key值,代码如下:

      /*
       * 上传文件的模块框控制
       * */
      showFileModal = () => {
        this.setState({
          fileVisible: true,
        });
        this.setState({myKey: Math.random()});
    
      };
    
    
    //组件代码
     <Modal
              width={760}
              key = {this.state.myKey}
              title="上传文档"
              visible={this.state.fileVisible}
              onOk={this.handleOkFile}
              onCancel={this.handleCancelFile}
            >
              <div>
                <Row>
                  <a href="xxxxxx.xlsx">
                    <Button className='cq-btn'>下载上传模板</Button>
                  </a>
                </Row>
                <Dragger {...fileUploadProps}>
                  <p className="ant-upload-drag-icon">
                    <Icon type="inbox"/>
                  </p>
                  <p className="ant-upload-text">点击excel或将excel文件拖拽到此区域上传</p>
                </Dragger>
    
                <RadioGroup onChange={this.onChange} value={this.state.value}>
                  <Radio value={0}>全量</Radio>
                  <Radio value={1} >增量</Radio>
                </RadioGroup>
                {resultMessage}
              </div>
    
            </Modal>
  • 相关阅读:
    UVA
    hdu 5584 LCM Walk
    UVA 10791 -唯一分解定理的应用
    UVA-10375 唯一分解定理
    UVA-11582
    UVA
    大连CCPC D
    java切割~~百万 十万 万 千 百 十 个 角 分
    js文字颜色闪烁
    日期比较大小给小的月份加1
  • 原文地址:https://www.cnblogs.com/zxyun/p/7698383.html
Copyright © 2011-2022 走看看