antdresetfields怎么用

Ant Design是一款基于React的UI组件库，由阿里巴巴的蚂蚁金服负责开发。antd中提供了一些方便的工具函数，比如resetFields函数，可以用于清空Antd表单中的所有数据。

resetFields用法

resetFields函数需要在表单组件实例上进行调用，用法如下：

class MyForm extends React.Component {
  formRef = React.createRef();

  handleSubmit = (e) => {
    e.preventDefault();
    this.formRef.current.resetFields();
  };

  render() {
    return (
      <Form ref={this.formRef} onSubmit={this.handleSubmit}>
        <Form.Item label="Username" name="username">
          <Input />
        </Form.Item>
        <Form.Item label="Password" name="password">
          <Input.Password />
        </Form.Item>
        <Form.Item>
          <Button type="primary" htmlType="submit">
            Submit
          </Button>
        </Form.Item>
      </Form>
    );
  }
}

在这个例子中，我们使用了类组件，并且通过React.createRef()方法创建了一个表单引用formRef。在handleSubmit方法中，我们可以使用this.formRef.current.resetFields()来清空表单中的所有数据。

需要注意的是，resetFields函数不会触发表单的onValuesChange事件，也不会重置表单实例的属性ref，需要根据具体的需求进行处理。

总结

resetFields是Antd表单中一个非常重要、常用的工具函数，可以方便我们清空表单中的所有数据。在实际使用中，需要注意处理好相关的副作用。