Измените положение курсора в тексторе с React ⇐ Jquery

[Anonymous]

У меня есть текст в React, которую я хочу превратить в «Блокнот». Это означает, что я хочу, чтобы ключ «вкладка» вместо невора. Я посмотрел на этот ответ, но я не могу заставить его работать с React. Вот мой код: < /p>

handleKeyDown(event) {
if (event.keyCode === 9) { // tab was pressed
event.preventDefault();
var val = this.state.scriptString,
start = event.target.selectionStart,
end = event.target.selectionEnd;

this.setState({"scriptString": val.substring(0, start) + '\t' + val.substring(end)});
// This line doesn't work. The caret position is always at the end of the line
this.refs.input.selectionStart = this.refs.input.selectionEnd = start + 1;
}
}
onScriptChange(event) {
this.setState({scriptString: event.target.value});
}
render() {
return (

)
}
< /code>

Когда я запускаю этот код, даже если я нажимаю клавишу «Tab» в середине строки, вместо этого мой курсор всегда появляется в конце строки. Кто -нибудь знает, как правильно установить позицию курсора?

Подробнее здесь: https://stackoverflow.com/questions/383 ... with-react