html - react : Getting the value of text inside a contentEditable div

Question

我正在使用 contentEditable div 并希望在调用提交时获取其中的文本。我试过 this.refs.textarea.value.trim()但这似乎不起作用。我的代码在渲染返回中如下

<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 中的实际内容替换文本变量。

Answer 1

如果它是一个 div，它是否可编辑并不重要，应该是 this.refs.textarea.innerHTML如果您只想要文本 this.refs.textarea.innerText