如何在react.js中的onblur之后更改textarea的文本，我不想使用onchange

Question

如何在react.js中的onblur之后更改textarea的文本，我不想使用onchange。

我想触发一些道具功能，在其中一个页面组件中做一些更新。要做到这一点，我正在使用textarea的onblur事件。

作为onchange事件'll fire props功能这么多次。

我可以调用onblur事件。但是在调用后无法更改textarea的文本

Answer 1

只需将onBlur函数添加到您的组件，并将事件侦听器添加到呈现的<textarea />元素：

component TextArea extends React.Component {
  constructor(props) {
    super(props)
    this.state = { text: "" }
  }

  onBlur() {
    this.setState({ text: 'blur event has been happened!' })
  }

  render() {
    return (
      <textarea onBlur={this.onBlur}>
        {this.state.text}
      </textarea>
    )
  }
}