データ通信用のライブラリの検討

[shunya9811]

概要

何をやるのか

なぜやるのか(目的)

完成の定義

その他

[shunya9811]

import { useParams } from 'react-router-dom';
import { ReportListGetResult } from 'src/application/reportLists/reportListGetResult';
import { ReportListGetCommand } from 'src/application/reportLists/reportListGetCommand';
import useSWR from 'swr';

const fetcher = async (reportId: string): Promise<ReportListGetResult> => {
  const reportListGetResult = await window.electronAPI.getReportListAsync(
    new ReportListGetCommand(Number(reportId))
  );
  return reportListGetResult;
};

const Evaluation = () => {
  const { reportId } = useParams<{ reportId: string }>();

  const { data, error, isLoading } = useSWR<ReportListGetResult>(
    reportId, fetcher
  );

  if (isLoading) return <div>Loading...</div>;
  if (error) return <div>Error loading report list.</div>;

  console.log(data);

  return ( 
    <>
      <h1>Evaluation</h1>
      <p>{data.reportListData.courseName}</p>
    </>
  );
}

export default Evaluation;