React select需要双击才能折叠

Question

我有反应选择组件，我与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>
);

除了一件事之外它工作得很好。折叠需要两次点击。为什么会这样？