带反应形式库的受控组件,预填充输入

时间:2018-09-20 06:46:33

标签: reactjs forms redux

我正在使用react-form在基于Web的应用程序中构建表单。我也在使用Redux。

我处于需要使用这些表格来编辑信息而不仅仅是输入信息的情况。这使我认为我需要确保表单或输入成为可控制的组件,这些组件可以呈现Redux存储中的值-或实际上是任何状态数据。

我该如何实现?我在他们的文档等中找不到这个。

编辑

react-form现在已停产,取而代之的是其他库,例如informedreact-final-form

2 个答案:

答案 0 :(得分:0)

react-form在其文档中未提及这一点的原因是,因为没有实现引用特定于react-form的受控组件-这意味着您将在{{ 1}}与常规React组件一样,通过将react-form传递给input / select / etc组件,确保通过状态更新/操作来管理该值。

但是在问题中提到,该库不再维护。

答案 1 :(得分:-1)

对于您的项目和这种用例,我感觉不太好,但是在过去,我已将表单的本地状态初始化为Redux存储中先前保存的值。在我们的系统中,在本地状态下所做的任何更改都是暂时的(如果离开页面或取消,则丢失)。直到用户单击保存后,Redux才随我们的数据库一起更新。