javascript - 如何使用 React 构建 "Advanced Search Options"下拉菜单?

标签 javascript node.js reactjs twitter-bootstrap

我希望在没有 jquery 的情况下构建与此代码段几乎相同的内容。此代码段仅适用于 jquery,而 jquery 不适用于 react:

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

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

当我尝试上面的代码片段时,如果没有 jquery,它甚至不会显示下拉菜单。

最佳答案

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

将其打开与否绑定(bind)到本地组件状态变量,并控制每个输入并更新本地状态值。

如果您想四处搜索可能满足您需求的内容,这里有大量出色的 UI 库 - 语义 UI、 Material UI 等。

或者您可以跟随一个很棒的教程 - 这个看起来不错: https://blog.logrocket.com/building-a-custom-dropdown-menu-component-for-react-e94f02ced4a1/

关于javascript - 如何使用 React 构建 "Advanced Search Options"下拉菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56506368/

相关文章:

javascript - php中一张列表中的多个值

javascript - 乘以嵌套数组长度并返回单个值

ecmascript-6 - JSX 支持哪些 ES6 功能?

javascript - 使用 React 渲染之前初始化数据

reactjs - 如何检索企业连接的可选声明(azure应用程序)

javascript - 如何将数据转换为字符串

javascript - Jasmine - 模拟 spy On.and.callFake http成功错误

javascript - 使用 puppeteer 遍历列表并单击按钮

node.js - Sequelize : Update database schema

Javascript-Node.Js 到达动态主体元素