在我的基于 React 的库中,我在 3 个不同的级别上使用ReactDOM.render。第一级位于根级,我很清楚并使用以下代码替换了它:
import { createRoot } from 'react-dom/client';
const root = createRoot(domElement);
root.render(reactElement);
Run Code Online (Sandbox Code Playgroud)
对于其他两个级别(根的子级),我想在指定的 DOM 元素中渲染某个组件。如果我正在使用:
import { createRoot } from 'react-dom/client';
const root = createRoot(childDomElement);
root.render(reactElement);
Run Code Online (Sandbox Code Playgroud)
我收到以下警告:
您正在对之前已传递给 createRoot() 的容器调用 ReactDOMClient.createRoot() 。相反,如果您想更新它,请在现有根上调用 root.render() 。
在特定 DOM 元素中渲染组件的正确方法是什么?