javascript - React select 需要双击才能折叠

Question

我有 react-select 组件，这些组件与 redux 形式兼容，如下代码：

const MySelect = props => (
  <div>
    <Select
      {...props}
      value={props.input.value ? props.input.value : 'All'}
      onChange={value => props.input.onChange(value)}
      // onFocus={() => props.input.onFocus(props.input.value)}
      onBlur={() => props.input.onBlur(props.input.value)}
      options={props.options}
      placeholder={props.placeholder}
      selectedValue={props.selectedValue}
    />
    {
      props.meta.touched && props.meta.error &&
      <span className="error">
        { props.intl.formatMessage({ id: props.meta.error }) }
      </span>
    }
  </div>
);

它工作正常，除了一件事。它需要单击两次才能折叠。为什么会这样？