在我的index.js文件中有什么错误，这会导致我这个错误react-dom.development.js？

Question

当我检查控制台时，我会得到：

react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot

我正在使用“ react-dom”：“^18.0.0” ，“ react-router-dom”：“^6.3.0” < /代码>。但是，当我在 index.js 中使用 createroot 时，我没有错误，但是某些机构不起作用（例如，我得到 here ）

我尝试了什么：

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

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root")
);

我尝试过：

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import App from "./App";

const rootElement = document.getElementById("root");
const root = createRoot(rootElement);

root.render(
  <StrictMode>
    <App />
  </StrictMode>
);

Answer 1

import ReactDOM from "react-dom/client";
const root = ReactDOM.createRoot(document.getElementbyId("root")
root.render(<App/>);

您从不进口反应。