Reactメモ

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