Question

我正在尝试对redux-form使用react-select。我的代码如下：

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: '$' },
];

当我选择一个值时，这很好用，但是当选择失去焦点时，onBlur会清除该值。关于我在这里缺少什么的任何建议？

Answer 1

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

我认为多余的.value是不确定的。

使用带有redux形式的react-select

1 个答案: