ReactDOM 应该从哪里导入？

Question

升级到版本 0.14.2 后，我看到错误并建议使用 ReactDOM.render() 而不是 React.render()，但我从哪里导入它？

当我不导入它而只是按原样运行时，它显示为 undefined。它是内置功能还是第三方库？

Answer 1

有了新的更新，您所做的所有 DOM 事情都应该用 ReactDOM 而不是 React 来完成。它是一个单独的模块。

做 npm install react-dom 然后，如果你使用的是 ES6，你可以做：

import ReactDOM from 'react-dom';

或者如果您使用的是 ES5，您可以这样做：

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

然后您可以在代码中使用 ReactDOM.render()、ReactDOM.findDOMNode() 等。

Answer 2

如果您使用的是最新版本的 React（v18 及更高版本），则 react 和 react 语句已更新。早些时候（直到 v17.0.2 ）是：

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

目前（自 v18.0.0 起）是：

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

Where should ReactDOM be imported from?