Свойство и функция onClick выставлены при реагировании на выбор?

Question

Я хочу отложить событие onClick для элемента optionact-select.

Пример:

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. act-select не должен ничего делать в течение 100 мс
3. после 100 мс реагировать-выбор делает свою работу

Я уже пробовалэто с подпорками selectOption, onChange и onClick на Select и components.Options компонентах, но это не сработало.

Answer 1

Нашел:)
Не уверен, что это правильно, но это работает.

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