相关疑难解决方法(0)

我的字段 onClick 事件切换下拉列表， onFocus 事件打开它。
当 onFocus 事件被触发时，onClick 事件随后被触发并关闭新打开的下拉菜单。如果 onFocus 被触发，如何防止点击触发？

preventDefault 和 stopPropagation 不起作用，这两个事件总是被触发

<TextInputV2
  label={label}
  onChange={handleInputOnChange}
  onClick={handleOnClick}
  onFocus={handleOnFocus}
  onKeyUp={handleInputOnKeyUp}
  readOnly={!searchable}
  value={inputValue}
/>

......

  const handleOnFocus = (event: React.FocusEvent): void => {
    if (!isOpen) {
      changeIsOpen(true)
    }
  }

  const handleOnClick = (event: React.SyntheticEvent): void => {
    if (!searchable) {
      toggleOpen()
    }
  }