antd Cannot read properties of null (reading ‘resetFields‘)

最新推荐文章于 2024-03-20 20:21:03 发布

半夏不会前端

最新推荐文章于 2024-03-20 20:21:03 发布

阅读量2.5k

点赞数

文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/weixin_43963525/article/details/122337786

版权

用antd form组件在重置表单时候碰到的一个报错

![在这里插入图片描述](https://img-blog.csdnimg.cn/31b9317a047942458e6bba1e40514f16.png#pic_cener
按照官方文档推荐的思路定义了ref

1.ref={formRefAdd}
2.const formRefAdd = React.createRef<FormInstance>(),
3.formRef.current!.resetFields();

在代码里加了这三步就发生了报错
Cannot read properties of null (reading ‘resetFields’)
查阅资料得知
可以用Form.useForm 重置表单不会产生这个报错
（useForm 是 React Hooks 的实现，只能用于函数组件!!!）

1.form={form}
2.const [form] = Form.useForm();
3.form.resetFields();

关注