エンジニアの備忘録

学んだ事をアウトプットしていきます

Reactをver.17でインストールする手順

React17のインストールから起動まで

  1. npx create-react-app react-testでreactファイル作成
  2. dependenciesを下記に書き替える
    "@testing-library/jest-dom": "^5.16.2", "@testing-library/react": "^11.2.7", "@testing-library/user-event": "^12.8.3", "react": "^17.0.2", "react-beautiful-dnd": "^13.1.0", "react-dom": "^17.0.2", "react-scripts": "5.0.0", "web-vitals": "^0.2.4"
  3. package-lock.jsonとnode_modulesを削除
  4. npm install で再インストール
  5. index.jsを下記に書き替える

import React from 'react';
import ReactDOM from 'react-dom';

const App = () => {
return (
<>
<.h1>こんにちは
>
);
}

ReactDOM.render(, document.getElementById("root"));

6.App.jsを下記のように書く

const App = () => {
return (
<>
<.h1>こんにちは</h1>
</>
);
}

ReactDOM.render(<App />, document.getElementById("root"));

7, npm start react-test で表示されたらOK