React Suspense 并发模式不起作用

Posted 2023-02-21

【中文标题】React Suspense 并发模式不起作用

【英文标题】：React Suspense Concurrent Mode Not Working

【发布时间】：2020-10-27 14:49:05

【问题描述】：

我正在尝试使用 react suspense，但在对 react index.js 文件进行更改后我遇到了一些关于渲染的问题，并且我已经安装了 react suspense "npm install react@experimental react-dom@experimental"

我的 index.js 文件

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

ReactDOM.createRoot(document.getElementById("root")).render(<App />);

Index.js file

错误

TypeError: react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.createRoot is not a function

Error Image

【问题讨论】：

你搜索错误信息了吗？似乎是这个问题：github.com/facebook/react/issues/18866

我试图搜索但没有得到任何可能有帮助的东西 1- npx create-react-app my-app --template typescript 2- cd my-app && yarn upgrade react@experimental react-dom @experimental react-app-env.d.ts 中的引用类型 3- /// /// /// 这第三点是什么意思？

这些都不应该是相关的。查看上面链接的问题中提供的答案。 React 在 5 月份将 createRoot 重命名为 unstable_createRoot。所以尝试使用ReactDOM.unable_createRoot 而不是ReactDOM.createRoot

哇，它现在正在工作我正在阅读官方文档，所以在官方文档中他们提到了旧语法顺便说一句谢谢:)

【参考方案1】：

为了工作需要使用 ReactDOM.unstable_createRoot

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

ReactDOM.unstable_createRoot(document.getElementById("root")).render(<App />);