如何为material-ui MenuItem插入搜索栏？

Question

如何在组件内插入搜索输入？ 我检查了material-ui documentation.，测试了一些东西，仍然没有运气。

这是demo code

我试过了：

const searchBar = `${<input type="text" placeholder="Search..." />}`;
 <Menu
   keepMounted
   anchorEl={anchorEl}
   open={!!anchorEl}
   onClose={closeMenu}
>
  {filterValues.map(searchBar, value => (
   <MenuItem
   value={value || null}
   onClick={getChangeFilter(value)}
   selected={filterValue === value}
   key={Math.random()}
>
  {value}
  {searchBar}
   </MenuItem>
))}

      </Menu>

非常感谢您的帮助！

Answer 1

由于您已经在使用 DevExtreme，我认为 search 功能会很有用。

它还有filtering，我认为这可能是比你目前这样做更好的用户体验。当我在玩您的演示代码时，我感到很困惑，因为我无法确定在单击它们后过滤了哪些值。此外，“清除”功能也可能有点违反直觉。

否则，这是来自文档的MaterialTableDemo 的链接。