Reactjs 从 reactdomclient 导入 createRoot 的问题

发布于04月05日

使用create react应用程序并更新索引后.jsreact 域.render to React 18我收到以下错误:"警告:您正在从不受支持的'React dom'导入createRoot.您应该从'React dom/client'导入它.".

指数js:

import React from 'react';
import ReactDOM from 'react-dom';
import { createRoot } from 'react-dom/client';
import Switch from './components/Switch';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Switch />
  </React.StrictMode>
);

推荐答案

最近，在React 18 RC(RC 1)和Source中，createRoot已被移动到react-dom/client

所以，现在你可以这样做:

import * as ReactDOMClient from 'react-dom/client';
ReactDOMClient.createRoot(/*...*/);

对你来说，这应该是

import React from 'react';
import ReactDOM from 'react-dom';
import * as ReactDOMClient from 'react-dom/client';
import Switch from './components/Switch';

const root = ReactDOMClient.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Switch />
  </React.StrictMode>
);