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