Я пытаюсь автоматически заполнять новый текстовый редактор каждый раз, когда достигается максимальное количество символов, а затем изменить фокус на этот новый текстовый редактор. Я знаю, как автоматически заполнять новый текстовый редактор на основе количества символов. Я не знаю, как автоматически изменить фокус на новый текстовый редактор, когда вы печатаете. Вот мой код:
checkCharacterCount = (event) => {
let index = 0;
if (event.length > 5 && event.key !== 'Backspace') {
index++;
this.setState({
test: [<ReactQuill
id={index}
.../>]
});
this.changeFocus(index);
}
}
changeFocus = (index) => {
document.getElementById(index).focus()
}
Код при рендеринге - возврат:
{test.map((e) => e)}
Всякий раз, когда я набираю 5 символов, автоматически заполняется новый текстовый редактор, но фокус остается в первом тексте редактор. Я хочу, чтобы фокус автоматически переключался на второй текстовый редактор после заполнения второго текстового редактора. Как бы я это сделал?