Antd Tabs 当前页面来回切换 表单数据不清空（或者清空）

清空表单的办法是this.props.form.resetFields();

但是本篇文章主要讲解不清空

灵活使用 display:none 就可以避免切换的时候表单数据被setState重新渲染清空掉  （即切换tab项，不清空表单）

 

{/* 查询区域 */}

        


          {

            
 this.ProjSearchForm = form}

              submitFuc={this.getProjPage}

              fieldsData={projSearchData}

              colNum={4}

              diyItemLayout={
    { labelCol: { span: 4 }, wrapperCol: { span: 17 } }}

            // moreSearchData={moreSearchData}

            />

          }

          {

            
< SearchFieldForm // 产品角度

              ref={(form) => this.PrdSearchForm = form}

              submitFuc={this.getProjPage}

              fieldsData={prdSearchData}

              colNum={4}

              diyItemLayout={
    { labelCol: { span: 4 }, wrapperCol: { span: 17 } }}

            />

          }

        

 {/* 列表区域 */}