Событие Reactjs onFocus не работает с навигацией с помощью клавиатуры

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>