reactjs - 使用带有 redux 表单的 react-select

Question

我正在尝试将 react-select 与 redux-form 一起使用。我的代码如下：

const DropdownComponent = ({
  input, options, name, id, placeholder,
}) => (
  <Select
    id={id}
    name={name}
    placeholder={placeholder}
    value={input.value}
    options={options}
    onChange={input.onChange}
    onBlurResetsInput={false}
    onCloseResetsInput={false}
    {...input}
    onBlur={() => input.onBlur(input.value.value)}
  />
);

我发送的选项如下：

const options = [
  { value: '1', label: '%' },
  { value: '2', label: '$' },
];

This works fine when I select a value, but the moment the select loses focus, the value is cleared onBlur. 关于我在这里缺少什么的任何建议？

标签： reactjsredux-formreact-select

Answer 1

我怀疑这可能是罪魁祸首：onBlur={() => input.onBlur(input.value.value)}

我认为额外.value是未定义的。