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