JIYIK CN >

To update our version of React, we need to npm install react@latest react-dom@latestinstall the latest version of react and react-dom packages by running . If you use create-react-appreact-scripts, also update your version.

Open a terminal in the root directory of your project (where your package.json file is located) and run the following command:

# 👇️ 使用 NPM
$ npm install react@latest react-dom@latest

# 👇️ 仅当使用 TypeScript
$ npm install --save-dev @types/react@latest @types/react-dom@latest

# ------------------------------

# 👇️ 使用 YARN
$ yarn add react@latest react-dom@latest

# 👇️ 仅当使用 TypeScript
$ yarn add @types/react@latest @types/react-dom@latest --dev

This command will update the versions of react related packages.

If you get an error, try --forcerunning the command with the -n flag, npm install react@latest --forcee.g.

If you use create-react-appreact-scripts, also update the version of the react-scripts package.

# 👇️ 使用 npm
$ npm install react-scripts

# ----------------------------------------------

# 👇️ 使用 yarn
$ yarn add react-scripts

If you get an error, --forcerun the command with the -o flag or delete your node_modules and package-lock.json (not package.json) files and rerun npm install.

# 👇️ 删除 node_modules 和 package-lock.json
$ rm -rf node_modules
$ rm -f package-lock.json

# 👇️ 清除 npm 缓存
$ npm cache clean --force

$ npm install

Make sure your index.js file uses the new createRoot API.

import {StrictMode} from 'react';
import {createRoot} from 'react-dom/client';

import App from './App';

// 👇️ 确保使用 public/index.html 文件中的正确根元素 ID
const rootElement = document.getElementById('root');
const root = createRoot(rootElement);

root.render(
  <StrictMode>
    <App />
  </StrictMode>,
);

createRoot()The method takes the root element as a parameter and creates a React root.

We can also update the version of any react related package, such as react-testing-librarynpm install some-package@latest --force by running the command .