Reactjs 在无状态组件中，按React中的enter键时清除textarea

我正在React中构建一个聊天组件，在按下enter键后，我不知道如何清除textarea元素。该组件是无状态的，并且没有与textarea关联的道具，因此它永远不会重新呈现

sendMessage(e) {
  if (e.key === 'Enter') {
    this.props.onKeyUp(e.target.value)
    // I want to clear the textarea around here
  }
}

render() {
  return(
  ...
  <textarea onKeyUp={this.sendMessage}></textarea>
  ...

---

一个有效的答案被删除了，基本上它说使用refs:

一个有效的答案被删除了，基本上它说使用refs:

在你的工作完成后，用value清除target的值

e.target.value = "";

例如：

类测试扩展了React.Component{ 发送消息{ 如果e.key==‘输入’{ //this.props.onKeyUpe.target.value您的工作具有价值 //我想清除这附近的文本区 e、 target.value=； } } 渲染{ 回来 } } ReactDOM.render、document.getElementByIdroot； 在你的工作完成后，用价值来明确目标的价值

e.target.value = "";

例如：

类测试扩展了React.Component{ 发送消息{ 如果e.key==‘输入’{ //this.props.onKeyUpe.target.value您的工作具有价值 //我想清除这附近的文本区 e、 target.value=； } } 渲染{ 回来 } } ReactDOM.render、document.getElementByIdroot；