如何插入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的链接。