首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用React material-table在回车时开始搜索

使用React material-table在回车时开始搜索
EN

Stack Overflow用户
提问于 2019-09-24 11:17:52
回答 2查看 1.2K关注 0票数 0

我刚开始使用React和material-table,并且正在尝试解决如何在用户按Enter键后启动搜索。我已经能够找到debounceInterval选项,但是我用来搜索远程数据的API目前没有返回部分匹配,所以我希望用户在想要开始搜索时按"Enter“。

使用monitorEvents($0),我可以看到元素input.MuiInputBase-input.MuiInput-input.MuiInputBase-inputAdornedStart.MuiInputBase-inputAdornedEnd上有一个keydown事件,但是我不确定如何在这里添加事件侦听器,或者是否有一个选项可以指定使用哪个event.target.value来启动搜索。材料表搜索代码如下:https://github.com/mbrn/material-table/blob/master/src/components/m-table-toolbar.js

任何帮助都将不胜感激。

EN

回答 2

Stack Overflow用户

发布于 2019-09-24 11:31:18

示例:

代码语言:javascript
复制
<TextField
  onKeyPress={(ev) => {
   console.log(`Pressed keyCode ${ev.key}`);
    if (ev.key === 'Enter') {
  // Do code here
     ev.preventDefault();
    }
  }}
  />
票数 3
EN

Stack Overflow用户

发布于 2019-09-24 12:10:40

你能更详细地解释一下...

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58072603

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档