ReduxForm仅以一种方式起作用

时间:2019-07-11 13:29:36

标签: javascript redux redux-form

我的Field中有两个ReduxForm:一个是select字段,另一个是radio button group。当我更新其中任何一个时,状态都会正确更改,这可以通过使用redux-dev-tools看到。当我更改select字段时,radio button group也会相应地更改,但是,它却无法正常工作。可能的原因是什么?如何解决?

可能无关紧要(看起来可能还是有用的):

状态如下:

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

fscoreqscore是两个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合并并将其传递给{{1} }传递给最终是onChange的{​​{1}}的组件。

1 个答案:

答案 0 :(得分:0)

问题是我没有向顶部value组件提供Select。因此,onChange Select(实际上是Dropdown输入类型)在与之交互时正在更新state,而radio button group由于具有设置名称而正在更新{但Select没有),但是由于Select而重新渲染radio button group时,其中的value未被修改并进行相应设置。