Как сделать автоматическое переключение с одного input на другой input?

Question

[Daniil]

У меня есть 4 input в react там стоят ограничения на ввод в каждом input только по одной цифре. Вопрос как сделать автоматическое переключение с одного input на другой input . Например я в первом input набрал цифру и меня должно автоматически переключить на второй input. У меня есть код функции js для этого но я не знаю как её запихнуть в react . Помогите пожалуйста react очень плохо знаю ?

function App() {
return (
<div >
        <InputMask   mask="9" onkeyup="testJump(this);" maxlength="1" alwaysShowMask type="text" />
        <InputMask   mask="9" onkeyup="testJump(this);"   maxlength="1" alwaysShowMask type="text" />
        <InputMask   mask="9"  onkeyup="testJump(this);"   maxlength="1" alwaysShowMask type="text" />
        <InputMask   mask="9" onkeyup="testJump(this);"    maxlength="1" alwaysShowMask type="text" />
</div>
)}

Вот код той функции :

function testJump(x){
    var ml = ~~x.getAttribute('maxlength');
    if(ml && x.value.length >= ml){
        do{
            x = x.nextSibling;
        }
        while(x && !(/text/.test(x.type)));
        if(x && /text/.test(x.type)){
            x.focus();
        }
    }
}

Answer 1

[PetrPo]

Не в курсе про такой input

<InputMask   mask="9" onkeyup="testJump(this);" maxlength="1" alwaysShowMask type="text" />

С обычным input это выглядит так

<input type="text" onInput={e => testJump(e.target)} maxLength="1" />

Comments

[Daniil]

Спасибо большое очень выручили а InputMask это подключённая библиотека.