升级 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 相同。