如何重置使用DraftJS的非受控React组件的值？

重置使用DraftJS的非受控React组件的值可以通过以下步骤实现：

首先，确保你已经安装了DraftJS库，并在React组件中引入所需的依赖。
在React组件的构造函数中，创建一个空的EditorState对象，并将其设置为组件的初始状态。

import React, { Component } from 'react';
import { Editor, EditorState } from 'draft-js';

class MyEditor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      editorState: EditorState.createEmpty()
    };
  }

  // 其他组件代码...

}

在组件的render方法中，将Editor组件与状态中的editorState绑定。

class MyEditor extends Component {
  // 构造函数和其他代码...

  render() {
    return (
      <div>
        <Editor
          editorState={this.state.editorState}
          onChange={this.onChange}
        />
        <button onClick={this.resetEditor}>重置</button>
      </div>
    );
  }

  // 其他组件代码...

}

创建一个onChange方法，用于更新组件状态中的editorState。

class MyEditor extends Component {
  // 构造函数和render方法...

  onChange = (editorState) => {
    this.setState({ editorState });
  }

  // 其他组件代码...

}

创建一个resetEditor方法，用于将editorState重置为初始状态。

class MyEditor extends Component {
  // 构造函数、render方法和onChange方法...

  resetEditor = () => {
    this.setState({ editorState: EditorState.createEmpty() });
  }

  // 其他组件代码...

}

通过以上步骤，你可以在非受控的DraftJS组件中实现重置编辑器内容的功能。当点击重置按钮时，编辑器的内容将被清空并重置为初始状态。

关于DraftJS的更多信息，你可以参考腾讯云的富文本编辑器产品WangEditor，它是基于DraftJS开发的一款富文本编辑器，适用于各种Web应用场景。

腾讯云WangEditor产品介绍链接：https://cloud.tencent.com/product/wangeditor