Draft 文档翻译 - 高级主题 - v0.10API

新版本的API

Draft.js v0.10发行版包含对用于管理DraftEntity数据的API的更改; 全局“DraftEntity”模块已被弃用，DraftEntity实例将作为ContentState的一部分进行管理。这意味着以前在DraftEntity上访问的方法现在被移动到ContentState记录。

该API改进解决了v0.11中可用的许多优点的路径：

• DraftEntity实例和存储将是不可变的。
• DraftEntity将不再可全局访问。
• 对实体数据的任何更改将触发重新渲染。

概览

以下是快速列出已更改的内容以及如何更新应用程序：

创建一个实体

const contentStateWithEntity = contentState.createEntity(
    urlType,
    'IMMUTABLE',
    { src: urlValue },
);

const enityKey = contentStateWithEntity.getLastCreatedEntityKey();

获取一个实体

const entityInstance = contentState.getEntity(entityKey);

装饰器策略参数变化

const compositeDecorator = new CompositeDecorator([
    {
        startegy: (
            contentBlock,
            callback,
            contentState
        ) => exampleFindTextRange(contentBlock, callback, contentState),
        component: ExampleTokenComponent,
    }
])