在 "standalone" 模式下 react@18 并使用 createRoot 获得警告

Question

我在“独立”模式下使用 react@18 并使用 createRoot 收到警告。

reactjs 代码内嵌在 HTML 文件的脚本部分 - .当前 HTML 文件中的 HTML header 包括这些来源：

<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>

我尝试像这样访问 createRoot()：

const root = ReactDOM.createRoot(container);

该行导致此错误 -> 警告：您正在从不受支持的“react-dom”导入 createRoot。您应该改为从“react-dom/client”导入它。

从“react-dom/client”导入这个的正确方法是什么？独立执行此操作的正确方法是什么 - <script src=" ... "></script> 使用？

Answer 1

What is the correct way to import this from "react-dom/client"?

你的使用方法是正确的。

不幸的是，UMD 构建中有一个 bug 导致了错误。

已修复 been merged, but UNPKG 尚未提供包含该修复的版本。

现在：忽略警告。

在 "standalone" 模式下 react@18 并使用 createRoot 获得警告

react@18 in "standalone" mode and get a warning using createRoot

reactjs

babeljs