首页 > 解决方案 > ReduxForm 只有一种方式

问题描述

Field我的 s 中有两个ReduxForm:一个是select字段,另一个是radio button group. 当我更新其中任何一个时,状态会正确更改,我使用redux-dev-tools. 当我更改select字段时,会相应地radio button group更改,但是,它不会反过来工作。这可能是什么原因以及如何解决?

可能无关紧要(仍然可能有用):

状态如下所示:

fscoreFilter: {fscore: ['fscore_2', 0.5], qscore: ['qscore_1', 2.5]}

fscore并且qscore是两个radio button groups具有各自select领域的人。初始值如下所示:

fscoreFilter: {fscore: ['fscore_0', null], qscore: ['qscore_0', null]}

我需要这种方式,因为每个字段都有一个radio button group允许输入自定义值的文本字段。Radio button group允许输入一些常见的离散值。

为了更新我正在使用的状态onChange方法,从传递给它的值动态形成必要的状态。因此,例如Select onChange,我只获取一个数字并将其转换为qscore: ['qscore_1', 2.5],与另一个未更改的数字结合fscore并将其onChange传递给传递给最终onChange属于Field.

标签: javascriptreduxredux-form

解决方案


问题是我没有提供value顶级Select组件。因此,onChange Select(实际Dropdown输入类型)state在与之交互时正在更新,并且radio button group正在更新,因为它已设置名称(但Select没有),但是Select由于radio button group更改而重新渲染时value,它的内部没有被修改并相应地设置。


推荐阅读