reactjs - 更改路线时将捕鼠器快捷方式保持在自动聚焦输入之外

Question

我有一条路线通向带有我想要关注的输入的页面。

使用 Mousetrap 快捷方式到达那里，将快捷键放入输入中。

例如，约会的快捷方式“a”会在输入字段中呈现带有“a”的页面

有什么办法可以防止这种情况吗？

我得到了这两个：

<input autoFocus />

并使用 ref 并专注于 didMount

componentDidMount() {
    this.input.focus();
}
render() {
    return <input ref={input => (this.input = input)} />;
}

这是一个显示两个快捷方式的代码沙箱（a/r）

帮助！谢谢

score 0 · Accepted Answer

0

找到了答案

这很简单

return false;

于 2019-04-08T23:16:30.033 回答

1 回答 1