Reactのバージョンの変更

バージョンの更新

新しいバージョンを指定してパッケージをインストールし直す。

特定のバージョンに更新する場合

例えば、Reactのバージョンを 18.3.1 に変更したい場合、以下のコマンドを実行します。

npm を使用する場合

npm install react@18.3.1 react-dom@18.3.1

npm install react@18.3.1 react-dom@18.3.1

最新のメジャーバージョンに更新する場合

単に最新バージョンにしたい場合は、latest を使います。

npm install react@latest react-dom@latest

npm install react@latest react-dom@latest

package.json を手動で編集する場合

{
  "dependencies": {
    "react": "^18.3.1",  // 変更したいバージョン
    "react-dom": "^18.3.1" // 変更したいバージョン
    // ...
  }
}

{
  "dependencies": {
    "react": "^18.3.1",  // 変更したいバージョン
    "react-dom": "^18.3.1" // 変更したいバージョン
    // ...
  }
}

package.jsonファイルを編集して、ReactとReact-DOMのバージョンを18.3.1に更新します。dependenciesセクションでバージョン番号を変更します。

"dependencies": {
  "react": "^18.3.1",
  "react-dom": "^18.3.1"
},

"dependencies": {
  "react": "^18.3.1",
  "react-dom": "^18.3.1"
},

npm を使用する場合

npm install

npm install

プロジェクト内のバージョンを確認する

プロジェクトディレクトリ内で以下のコマンドを実行すると、package.jsonファイルに記載されているすべての依存関係のバージョン一覧が表示されます。

npm list react

npm list react