Question

我正在使用 react 下拉组件，我使用了语义库并自定义了下拉列表：

当我点击添加任务时会出现这个下拉菜单，我想在点击外部或其他任何地方时关闭它。

我的下拉菜单是这样的：

<Dropdown{...taskDropdownList}/>

Answer 1

你的问题缺乏必要的细节，所以我对你使用的库做了最好的猜测。这在没有任何特殊逻辑的情况下按预期“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>
  );
}

代码沙盒：https://codesandbox.io/s/cocky-wozniak-fn0do?file=/src/App.js

通过在反应中单击外部关闭下拉菜单

1 个答案: