ReactではHTMLを組み立てる上でJSXというJavaScriptの拡張構文を用いる。 関数コンポーネントを使う場合、そのコンポーネントを表す関数でJSXをreturnする。 例えばこんな感じ export const Abc = () => { return <p>abac</p>; } JSXのなかでは{と}でくくることでJa…

react-router-domがバージョン6になってから従来のSwitchが使えなくなったが、代わりにRoutesを使えばよい。 function App() { return( <BrowserRouter> <Routes> <Route path="login" element={<Login />} /> <Route path="about" element={<About />} /> <Route path="/" element={<TopPage/>} /> </Routes> </BrowserRouter> ); } ちょっとの修正で対処できるのにあえてバージョン5を使…

事前にnpmのインストールが必要 npx create-react-app プロジェクト名 --template typescript あとから変更するのはめちゃくちゃ大変らしいのではじめっからTypeScriptを使うぞと心に誓っておいたほうがよさそうだ。