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

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.inputRef = React.createRef();
  }

  insertTextAtCursor = (text) => {
    const input = this.inputRef.current;
    const start = input.selectionStart;
    const end = input.selectionEnd;
    const value = input.value;

    const newValue = value.substring(0, start) + text + value.substring(end);
    input.value = newValue;
    input.selectionStart = input.selectionEnd = start + text.length;
  }

  render() {
    return (
      <div>
        <input type="text" ref={this.inputRef} />
        <button onClick={() => this.insertTextAtCursor("插入的文本")}>插入文本</button>
      </div>
    );
  }
}