ReactDOM 应该从哪里导入?

升级到版本 0.14.2后,我看到一个错误,建议使用 ReactDOM.render()而不是 React.render(),但是我应该从哪里导入它呢?

当我不导入它并且只是按原样运行时,它会显示为 undefined。它是一个内置的功能还是一个第三方库?

104133 次浏览

With the new update, all the DOM stuff you do should be done with ReactDOM instead of React. It's a separate module.

Do npm install react-dom and then, if you're using ES6, you can do:

import ReactDOM from 'react-dom';

or if you're using ES5 you can just do:

var ReactDOM = require('react-dom');

and then you can use ReactDOM.render(), ReactDOM.findDOMNode(), etc in your code.

if you are using the latest version of react (v18 onwards), the react and react statement has been updated. Earlier (till v17.0.2 ) it was:

import React from 'react';
import ReactDOM from 'react-dom';

currently (since v18.0.0 ) it is:

import { React } from "react";
import { createRoot } from "react-dom/client";