升级React

升级到 React 18

将现有 React 应用程序升级到版本 18 只需两个步骤。

如果您已经使用最新版本create-react-app它使用 React 版本 18，您可以跳过本节。

第 1 步：安装 React 18

要安装最新版本，请从项目文件夹中的终端运行以下命令：

npm i react@latest react-dom@latest

第 2 步：使用新的根 API

为了利用 React 18 的并发功能，您需要使用新的根 API 进行客户端渲染。

// Before
import ReactDOM from 'react-dom';
ReactDOM.render(<App />, document.getElementById('root'));

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

您的应用程序无需使用新的根 API 即可运行。如果您继续使用ReactDOM.render你的应用程序将表现得像 React 17。