如何更新你的 React 版本

作者

如何更新你的 React 版本

How to update your React version

要更新您的 React 版本，请通过运行安装最新版本的react和
react-dom包npm install react@latest react-dom@latest。如果你使用create-react-app，也更新版本react-scripts。

在项目的根目录（package.json
文件所在的位置）中打开终端并运行以下命令：

壳
# 👇️ with NPM
npm install react@latest react-dom@latest

# 👇️ only if you use TypeScript
npm install --save-dev @types/react@latest @types/react-dom@latest

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

# 👇️ with YARN
yarn add react@latest react-dom@latest

# 👇️ only if you use TypeScript
yarn add @types/react@latest @types/react-dom@latest --dev

该命令将更新 react 相关包的版本。

如果出现错误，请尝试使用--force 标志运行命令，例如npm install react@latest --force。

如果使用create-react-app，还要更新react-scripts
包的版本。

壳
# 👇️ With npm
npm install react-scripts

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

# 👇️ With yarn
yarn add react-scripts

如果出现错误，请运行带有--force标志的命令或删除您的
node_modules和package-lock.json（不是package.json）文件并重新运行
npm install。

壳
# 👇️ delete node_modules and package-lock.json
rm -rf node_modules
rm -f package-lock.json

# 👇️ clean npm cache
npm cache clean --force

npm install

确保您的index.js文件使用新的createRootAPI。

索引.js
import {StrictMode} from 'react';
import {createRoot} from 'react-dom/client';

import App from './App';

// 👇️ make sure to use the correct root element ID
// from your public/index.html file
const rootElement = document.getElementById('root');
const root = createRoot(rootElement);

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

该createRoot()方法将根元素作为参数并创建 React 根。

您还可以更新任何与反应相关的包的版本，例如
react-testing-library通过运行命令
npm install some-package@latest --force。

–

发表评论