问题描述
正如我在标题中写的那样,我需要通过单击按钮将文本在 TinyMCE 中写入后保存在 localStorage 中。
问题是当我按下按钮时,它总是在 LocalStorage 中保存占位符(第 6 行的“写点东西...”),我不知道如何将 onChange 放在输入字段中。 我从上个月开始编码,所以我还有很多东西需要学习,非常感谢!!
class Form extends React.Component {
render(){
return <form method="post">
<textarea id="mytextarea">Write something...</textarea>
</form>;
}
}
ReactDOM.render(
<Form/>,document.getElementById("root")
);
tinymce.init({
selector: '#mytextarea'
});
class Button extends React.Component{
save(){
let mytextarea = document.getElementById("mytextarea").value;
localStorage.setItem("myTextArea",mytextarea);
}
render(){
return <button class="btn btn-success" id="button" onClick={this.save}>Save on
localStorage</button>;
}
}
ReactDOM.render(
<Button/>,document.getElementById("root2")
);
解决方法
尝试将您的占位符添加为这样的属性:
<textarea id="mytextarea" placeholder="Write something..."></textarea>