reactjs React暂停并发模式不工作

llmtgqce 于 2023-01-08 发布在 React

关注(0)|答案(3)|浏览(136)

我正在尝试使用react suspension，但我在react index.js文件中进行更改后面临一些关于渲染的问题，我已经安装了react suspension“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

reactjs

来源：https://stackoverflow.com/questions/62773674/react-suspense-concurrent-mode-not-working

3条答案

按热度按时间

nfeuvbwi1#

对于任何更新旧React应用程序的人，React 18上的React支持文档要求只写：

npm install react react-dom

对于React 18更新。我有两个React 16应用程序我想更新。
为此，我首先更新了React 17：

npm install react@17.0.0 react-dom@17.0.0

只有正确安装此版本后，才能安装到18，并在安装命令中指定版本：

npm install react@18.0.0 react-dom@18.0.0

在那之后

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

工作得很好。请按照“package，json”文件上的版本更新操作。

赞(0）回复(0）举报 2023-01-08

k5ifujac2#

为了工作，需要使用ReactDOM.unstable_createRoot

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

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

赞(0）回复(0）举报 2023-01-08

jvidinwx3#

变更-〉import ReactDOM from "react-dom";
至-〉import ReactDOM from "react-dom/client";

赞(0）回复(0）举报 2023-01-08