5

我确实使用 react-draft-wysiwyg 制作了一个简单的反应应用程序,但我收到了警告。

import React from "react";
import ReactDOM from "react-dom";
import { Editor } from "react-draft-wysiwyg";
import "../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css";

ReactDOM.render(
  <React.StrictMode>
    <Editor />
  </React.StrictMode>,
  document.getElementById("root")
);

当我单击编辑器时,我会在控制台中出现此错误,但仅当我在 StrictMode 中运行它时:

警告:无法在尚未安装的组件上调用 setState。这是一个无操作,但它可能表明您的应用程序中存在错误。相反,在 r 组件中直接分配this.state或定义state = {}; 具有所需状态的类属性。

我确实为您制作了一个 codeSandbox:https ://codesandbox.io/s/strange-monad-lxtuu?file=/src/index.js:0-295 尝试单击编辑器并查看控制台中的警告。我做错了什么?

4

1 回答 1

0

该软件包在 StrictMode 方面存在一些问题。只需删除 StrictMode:

import React from "react";
import ReactDOM from "react-dom";
import { Editor } from "react-draft-wysiwyg";
import "../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css";

ReactDOM.render(
  <Editor />,
  document.getElementById("root")
);
于 2020-11-04T06:55:49.530 回答