我有一个主要的react 表和一个多选下拉过滤器,用于其中一列,如"代理"列(Link)

当我们点击过滤器图标时,将显示"代理选取器"多选下拉菜单.然后,我们需要再次单击下拉菜单以查看选项并 Select 用于过滤结果.

但我的要求是,只要我们点击筛选器图标,多选应该显示打开的默认选项,减少用户一次点击.这是可以实现的吗?请提供任何 idea /参考链接.谢谢.

我想实现这样的目标:

enter image description here

这是我try 过的:https://codesandbox.io/s/primereact-demo-forked-c6kw73?file=/src/App.js

谢谢.

推荐答案

我修正了你的例子: https://codesandbox.io/s/primereact-demo-forked-56mh8j

如果这解决了您的问题,请投赞成票

Reactjs相关问答推荐

如何使用React Router创建响应式主详细信息应用程序?

在带有和设计的表格中禁用和取消选中复选框

cypress 不能点击SPAN

有没有办法将MUI网格元素与Flex-Start对齐?

使用VITE的Reaction应用程序的配置是否正确?

悬停轴时重新绘制自定义参照线

如何使用react-router-dom保护嵌套在受保护路由中的嵌套路由?

生产部署:控制台中 Firebase 无效 api 密钥错误

React Native - 如何处理错误带有有效负载的NAVIGATE操作..未被任何导航器处理?

Syncfusion:带有 TabItemsDirective 的选项卡组件不显示任何内容

在Vite React上获取Amplify的环境变量

无法设置 null 的属性(设置src)

onChange in useEffect 的最佳实践

react-router v6 中的 BrowserRouter 和 createBrowserRouter 有什么区别?我可以在不使用数据 API 的情况下使用 createBrowserRouter 吗?

如何在 ChartJS 中操作 Y 轴

React Native Realm 应用程序在发布构建后崩溃

当页面重新加载react 路由导航到第一页 v6

gtag:为什么谷歌分析即使没有被授权也会收集数据

CORS 政策:无访问控制允许来源-AWS 和 Vercel

我可以在类组件中使用 useState 挂钩吗?