使用帶有redux形式的react-select

Question

我正在嘗試使用帶有redux形式的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是不確定的。