在 React 中的光标位置插入文本

Question

我有一个文本区域，我想在用户单击按钮时在光标位置插入文本。 有谁知道如何去做？

Answer 1

Qwertie当然是对的。无论如何，如果要将给定字符串插入光标位置的文本区域中您可以使用这样的函数：

 insertMyText = e => {
      let textToInsert = " this is the inserted text "
      let cursorPosition = e.target.selectionStart
      let textBeforeCursorPosition = e.target.value.substring(0, cursorPosition)
      let textAfterCursorPosition = e.target.value.substring(cursorPosition, e.target.value.length)
      e.target.value = textBeforeCursorPosition + textToInsert + textAfterCursorPosition
    }

和：

<textarea onClick={this.insertMyText}>bla bla bla bla</textarea>