将表格重置为空值

时间:2018-08-14 13:05:14

标签: reactjs redux redux-form

redux-form的新手...我正在看一个来自redux-form docs的示例,在该示例中,可以从initialValues初始化表单值(此处为分叉示例:https://codesandbox.io/s/6v3n9lwnpr)。 有没有可能使用“撤消更改”功能将表单重置为InitialValues,又有另一个按钮将功能重置为空表单的功能?

1 个答案:

答案 0 :(得分:0)

如果转到redux-form文档,则会在操作创建者部分下找到所需的内容。这样,让我们​​回答您的问题。

  

一个人可以使用“撤消更改”将表单重置为InitialValues

Redux-Form在其文档中列出了您可以使用的一些操作。您可以使用动作创建者,也可以使用已绑定到分派的动作。根据您的要求,您需要使用该库的reset函数

a)使用动作创建者

import { reset } from 'redux-form';

...// then inside a function you can dispatch the reset action.
resetMyForm() {
 const action = reset('myFormName');
 dispatch(action);
}

b)使用已绑定到调度的动作

由于在GitHub here

库中有一个示例,因此我不会输入

还有

  

按钮重置为空白表格

类似于初始答案,但您必须使用clearFields函数。

希望这会有所帮助。