所以我在使用 redux-form 和 react-select 时遇到了问题,这就是我目前所拥有的:
<Field
name="objective"
type="text"
component={prop => <FormSelect {...prop} options={options} />}
label="Objective"
/>
进而:
const FormSelect = ({ options, label, input: { value, onChange, onBlur } }) =>
<ControlGroup title={label} styleId={label}>
<Select
options={options}
simpleValue
onChange={onChange}
value={value}
onBlur={() => onBlur(value)}
id={label}
/>
</ControlGroup>;
但是随后选择值不会改变..
我得到了redux-form/CHANGE
a action.payload
(awareness
这是我要选择的值),但是在另一个redux-form/BLUR
带有action.payload
of 的redux-form 动作之后""
。
我已经阅读了一堆关于此的 github 问题,尝试了很多但似乎没有任何工作..
例子:
https://github.com/JedWatson/react-select/issues/1129
https://github.com/erikras/redux-form/issues/82
我也试过:onBlur={() => onBlur('awareness')}
它并没有改变选择的值,即使两个有效载荷都具有相同的值..