2. JSX記法でファイル作成（useNavigate）

cd [任意のアプリ名]
npm install react-router-dom

import React from 'react';  // ReactライブラリをImportする
import { useNavigate } from 'react-router-dom';  // 戻るボタンをつくるにはuseNavigateを使う

const About = () => {
  const navigate = useNavigate();
  const clickBack = () => {
    navigate(-1);  // -1は「ひとつ前のページに戻る」です　('/articlelist')とすればarticlelistページに遷移します
  };
  const imgPath = '/sample.webp'  // 変数名はキャメルケースにする

  return (
    <>  // 最上位コンポーネントは並列にできない（divタグで囲むと無駄なタグが増えるので<></>で囲む）
      <img src={imgPath} />  // 閉じタグが必要
      <button className='back' onClick={clickBack}>戻る</button>
      // useNavigateはRouteコンポーネントの内部でしか使えず、App.jsで使おうとするとエラーになります
    </>
  );
}

export default About;