Draftjs中⽂翻译2-APIBasicsAPI基础
API基础
个人承诺保证书本⽂档概述了DraftAPI 的基础知识。⼀个 可⾏的例⼦也可以沿⽤。
受控输⼊
右腹痛
该Editor阵营组件内置的控制CONTENTEDITABLE组件，以提供仿照熟悉反应的顶级API的⽬标 来控制输⼊ API。
作为简要回顾，受控投⼊涉及两个关键部分：
甲值来表⽰输⼊的状态
⼀个平变化⽀撑功能，接收更新的输⼊
此⽅法允许组成输⼊的组件严格控制输⼊的状态，同时允许更新DOM以提供有关⽤户编写的⽂本的信息。
手写输入板
class MyInput extends React.Component {
constructor(props) {
super(props);
this.state = {value: ''};律师函范本>红月亮作文
}
render() {
return <input value={this.state.value} onChange={Change} />;
}
}
顶层组件可以通过此value状态属性来维护对输⼊状态的控制
控制富⽂本
但是，在React富⽂本场景中，有两个明显的问题：
⼀串明⽂不⾜以表⽰富编辑器的复杂状态。
onChangeContentEditable元素没有可⽤的事件。
短期记忆状态因此被表⽰为⼀个单⼀的不可变的 EditorState对象，并 onChange在Editor内核中实现以将该状态值提供给顶层。
该EditorState对象是编辑器状态的完整快照，包括内容，光标和撤销/重做历史记录。编辑器中所有对内容和选择的更改都会创建新EditorState对象。请注意，由于跨不可变对象的数据持久性，此保持⾼效。
import {Editor, EditorState} from 'draft-js';
class MyEditor extends React.Component {
constructor(props) {
super(props);
千年风雅陶笛
工作经历怎么填
this.state = {editorState: ateEmpty()};
}
render() {
return <Editor editorState={this.state.editorState} onChange={Change} />;
}
}
对于编辑器DOM中发⽣的任何编辑或选择更改，您的onChange 处理程序将EditorState根据这些更改以最新的对象执⾏。
各种翻译⼯具齐上，如有问题，请指正！
