码迷,mamicode.com
首页 > 其他好文 > 详细

React中如何实现模态框每次打开都是初始界面

时间:2017-10-20 11:52:53      阅读:860      评论:0      收藏:0      [点我收藏+]

标签:random   math   result   react   box   hang   上传   技术   str   

 

问题描述如下

技术分享

 

解决方案:每次点击打开模态框的时候为,当前模态框设置一个独立的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>

 

React中如何实现模态框每次打开都是初始界面

标签:random   math   result   react   box   hang   上传   技术   str   

原文地址:http://www.cnblogs.com/zxyun/p/7698383.html

(2)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!