Question

我遇到了一个问题：我的表单有输入，当这些输入集中时我需要做一些操作。这是我的代码：<Input onFocus={console.error("focus" + index)}/> 使用鼠标它可以正常工作，但当我专注于键盘输入它不起作用。请问，我该如何解决这个问题？

Answer 1

你的回调是在加载时执行的，你需要把它包装成函数，即：

ReactDOM.render(
   <input onFocus={(index) => console.log("focus" + index)} />,
 document.getElementById('root')
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id='root'></div>

Reactjs onFocus事件不适用于键盘导航

1 个答案: