Draft.js点击事件中如何清空编辑器内容？

• 首先，Draft.js本身提供了生成空白EditorState的原生方法，无需依赖第三方工具也能轻松实现清空操作：

  1. 确保已导入Draft.js的EditorState：

     import { EditorState } from 'draft-js';
     

  2. 在点击事件中直接调用EditorState.createEmpty()更新状态：

     const handleClear = () => {
       setEditorState(EditorState.createEmpty());
     };
     

• 如果你坚持要用draft-js-utils，可能是之前的调用方式有误。部分版本的clearEditorContent是一个需要传入当前EditorState的函数，正确用法如下：

  import { clearEditorContent } from 'draft-js-utils';
  
  const handleClear = () => {
    const emptyState = clearEditorContent(editorState);
    setEditorState(emptyState);
  };
  

之前你的代码无效，大概率是因为直接引用clearEditorContent.EditorState并不是一个有效的空白EditorState实例，原生的createEmpty()是最可靠的方案。

内容的提问来源于stack exchange，提问作者Joseph Walsh