我刚开始使用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
任何帮助都将不胜感激。
发布于 2019-09-24 11:31:18
示例:
<TextField
onKeyPress={(ev) => {
console.log(`Pressed keyCode ${ev.key}`);
if (ev.key === 'Enter') {
// Do code here
ev.preventDefault();
}
}}
/>发布于 2019-09-24 12:10:40
你能更详细地解释一下...
https://stackoverflow.com/questions/58072603
复制相似问题