Reactjs 通过单击“从外到内”关闭下拉列表

Reactjs 通过单击“从外到内”关闭下拉列表,reactjs,react-hooks,dropdown,Reactjs,React Hooks,Dropdown,我使用的是react下拉组件,我使用了语义库并自定义了下拉列表: 当我单击“添加任务”并希望在单击外部或任何其他位置时关闭它时,会出现此下拉列表 我的下拉列表如下: 您的问题缺少必要的细节,因此我对您使用的库进行了最佳猜测。这就像预期的“onBlur”一样工作,没有任何特殊的逻辑 import "./styles.css"; import Dropdown from "react-dropdown"; export default function A

我使用的是react下拉组件,我使用了语义库并自定义了下拉列表:

当我单击“添加任务”并希望在单击外部或任何其他位置时关闭它时,会出现此下拉列表

我的下拉列表如下:


您的问题缺少必要的细节,因此我对您使用的库进行了最佳猜测。这就像预期的“onBlur”一样工作,没有任何特殊的逻辑

import "./styles.css";
import Dropdown from "react-dropdown";

export default function App() {
  return (
    <div className="App">
      <h1>Drop down example</h1>
      <Dropdown options={["matt", "alex"]} />
    </div>
  );
}
导入“/styles.css”; 从“反应下拉列表”导入下拉列表; 导出默认函数App(){ 返回( 下拉示例 ); }
codesandbox:

你能发布这个属于哪个库吗?AFAIK这不是香草反应成分