draft-js使用

Draft.js 是由 Facebook 开源的一款基于 React 的富文本编辑器组件库。使用 Draft.js 可以轻松构建功能丰富的富文本编辑器，支持用户输入、样式编辑、嵌入式媒体、拖拽等操作。

下面是一个简单的使用 Draft.js 的例子：

首先，安装 Draft.js：

npm install draft-js

然后，引入相关的组件：

import React, { useState } from 'react';
import { Editor, EditorState } from 'draft-js';
import 'draft-js/dist/Draft.css';

在组件中初始化 `EditorState`：

const [editorState, setEditorState] = useState(
  EditorState.createEmpty()
);

然后，将 `EditorState` 传递给 `Editor` 组件：

<Editor
  editorState={editorState}
  onChange={setEditorState}
/>

这样就可以在页面上显示一个简单的富文本编辑器了。

当用户输入或者选择文本时，`EditorState` 会自动更新。你可以通过 `onChange` 回调函数来处理这些变化。

Draft.js 还提供了许多其他的 API 和组件，例如 `RichUtils`、`InlineStyleControls`、`BlockStyleControls` 等，可以用来实现更复杂的功能。如果你想深入了解 Draft.js，可以查看官方文档。