redux-form 和 react-select onChange 不更新 redux 值
redux-form and react-select onChange doesn't update redux value
所以我在使用 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>;
但是 select 值没有改变..
我得到一个 redux-form/CHANGE
,action.payload
为 awareness
(这是我想要 select 的值),但紧接着是另一个 redux-form redux-form/BLUR
的 action.payload
为 ""
。
我已经阅读了很多关于此的 github 问题,尝试了很多但似乎没有任何效果..
示例:
https://github.com/JedWatson/react-select/issues/1129
https://github.com/erikras/redux-form/issues/82
我也试过:onBlur={() => onBlur('awareness')}
并且它没有改变 select 上的值,甚至两个有效载荷都具有相同的值..
我忘了将 redux-form reducer 添加到我的 reducers.. 无论如何谢谢
所以我在使用 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>;
但是 select 值没有改变..
我得到一个 redux-form/CHANGE
,action.payload
为 awareness
(这是我想要 select 的值),但紧接着是另一个 redux-form redux-form/BLUR
的 action.payload
为 ""
。
我已经阅读了很多关于此的 github 问题,尝试了很多但似乎没有任何效果..
示例:
https://github.com/JedWatson/react-select/issues/1129
https://github.com/erikras/redux-form/issues/82
我也试过:onBlur={() => onBlur('awareness')}
并且它没有改变 select 上的值,甚至两个有效载荷都具有相同的值..
我忘了将 redux-form reducer 添加到我的 reducers.. 无论如何谢谢