Событие отправки "keyup" - React

Question

Я пытаюсь отправить событие "keyup" с указанным ключом c - "Tab". Идея заключается в том, что при задании какого-либо значения для ввода курсор автоматически переключается на следующий ввод. Есть ли способ, как это сделать?

Я делаю что-то вроде этого https://codesandbox.io/s/misty-violet-ftr7l

Спасибо за ваши ответы)

Answer 1

Для переключения между различными элементами ввода на tab вам не нужен обработчик событий. Правильный способ - установить tabIndex. Поэтому, когда вы нажимаете вкладку, он переключается на следующий индекс.

export default function App() {
  const keyUpHandler = e => {
    e.preventDefault()
    console.log(e.target.tabIndex);
  };

  return (
    <div className="App">
      <input tabIndex={1} onKeyUp={keyUpHandler} type="number" />
      <input tabIndex={2} onKeyUp={keyUpHandler} type="number" />
      <input tabIndex={3} onKeyUp={keyUpHandler} type="number" />
    </div>
  );
}