onClick 属性和函数是否暴露在react-select 上？

Question

我想延迟react-select的选项元素上的onClick事件。

例子：

import React from "react";
import { components } from "react-select";

const Option = props => {
  const { label, data, onClick } = props;

  return (
    <components.Option
      {...props}
      onClick={() => {
        setTimeout(onClick, 100);
      }}>
      <div>Some custom stuff here</div>
    </components.Option>
  );
};

export default Option;

预期行为：

1. 用户单击选项（在下拉列表中）
2. 反应选择 100 毫秒内不应执行任何操作
3. 100 毫秒后，react-select 完成了他的工作

我已经在和组件上尝试过使用 props selectOption、onChange、 和，但它不起作用。onClickSelectcomponents.Options

Answer 1

找到了:)
不确定它是否正确，但它有效。

  const { innerProps } = props;
  const { onClick } = innerProps;
  props.innerProps.onClick = e => {
    setTimeout(() => {
      onClick(e);
    }, 100);
  };