React提交请求页面重复刷新

React+ant desin，提交请求的时候页面重复刷新

原因：使用了form的提交，form的提交默认刷新页面

解决方案：改用普通的onClick事件，或者使用preventDefault阻止事件蔓延。

下附上修改后代码

事件代码

  /**
   * 点击查询
   * 校验通过后把数据提交到上层组件
   */
  public handleSubmit = (e: any) => {
    // 阻止事件蔓延导致的重复刷新
    e.preventDefault();
    this.props.form.validateFields((err: any, values: any) => {
      this.props.clickSearch(values);
    });
  }

表单代码

      

        
          
            
              {getFieldDecorator('name', {
                initialValue: aaa,
              })(
                
              )}
            
          
          
            
              {getFieldDecorator('cardCode', {
                initialValue: ""
              })(
                
              )}
            
          
          
            
              {getFieldDecorator('sex', {
                initialValue: 0
              })(
                
                  全部
                  {genderList}
                
              )}
            
          
        
        
          
            
              {getFieldDecorator('tel', {
                initialValue: ""
              })(
                
              )}
            
          
          
            
              {getFieldDecorator('email', {
                initialValue: ""
              })(
                
              )}
            
            
              {getFieldDecorator('contractStatus', {
                initialValue: 0
              })(
)}
            
          
          
            
              查询
              重置