reactjs - react-draft-wysiwyg - 警告:不能调用 setState
问题描述
我确实使用 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 尝试单击编辑器并查看控制台中的警告。我做错了什么?
解决方案
该软件包在 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")
);
推荐阅读
- c - Delphi 和 MSVC 不会以相同的方式将 +NAN 与零进行比较
- java - 再次安装 Android Studio 后出现图标问题
- ssh - 使用 ufw 后无法访问服务器并忘记允许端口 22 进行 SSH
- c++ - C++ 协程:从最终挂起点调用“handle.destroy”是否有效?
- excel - 在 vba excel 中将日期与 DateTime.Now 进行比较
- python - Python Selenium - 禁用镀铬标签睡眠/休眠
- pandas - Pandas 中的重复测量方差分析,不同列中的因变量值
- scala - 带有 Spylon-Kernel 的 Jupyter 中 spark.implicits._ 的问题
- python - 如何从图像中删除相邻的重复像素?
- sql - 对行进行分组,同时排除特定列上的空值并聚合另一个