React：获取contentEditable div中文本的值

Question

我正在使用contentEditable div，并希望在调用提交时将文本放入其中。我试过this.refs.textarea.value.trim()，但这似乎不起作用。我的代码在render return

中如下所示

<div><form onSubmit={this.handleSubmit} id="noter-save-form" method="POST">

<div id="noter-text-area" contentEditable="true" ref="textarea">{value}</div>

和handleSubmit函数。

handleSubmit: function(e) { 
  e.preventDefault();
  var text = this.refs.textarea.value.trim();
  alert(text);
  this.saveFile(text);
},

感谢您的帮助。我只是想用可编辑div中的实际内容替换text变量。

Answer 1

如果它是div，那么它是否可编辑并且应该是this.refs.textarea.innerHTML并且如果您只想要文本this.refs.textarea.innerText

并不重要