如何使用 React 构建“高级搜索选项”下拉菜单？

Question

我希望在没有 jquery 的情况下构建与这个 sn-p 几乎相同的东西。这个 sn-p 只适用于 jquery，jquery 不适用于 react：

https://bootsnipp.com/snippets/2q81r

我可以在任何地方找到的唯一示例是选项选择示例。

当我尝试上面的 sn-p 时，它甚至不显示没有 jquery 的下拉列表。

Answer 1

似乎您可以自己制作，而不必依赖其他依赖项。

确定它是否打开或未绑定到本地组件状态变量，并控制每个输入并更新本地状态值。

如果您想四处搜索可能满足您需求的东西，这里有很多很棒的 UI 库 - 语义 UI、材料 UI 等。

或者你可以按照一个很棒的教程来学习——这个看起来不错： https://blog.logrocket.com/building-a-custom-dropdown-menu-component-for-react-e94f02ced4a1/