MyPageContainer.jsx

import React, { useEffect, useContext, useState } from "react";
import { LoginContext } from "../store";
import { fetchData } from "../library";
import { UserTable } from "../components";

const MyPageContainer = () => {
  const [userData, setUserData] = useState({
    user_Id: "",
    user_Password: "",
    user_Email: "",
    user_Name: "",
  });
  const { loginStatus } = useContext(LoginContext);

  const { user_Id: user_Id_logon } = loginStatus;

  const { user_Id, user_Password, user_Email, user_Name } = userData;

  useEffect(() => {
    fetchData({
      method: "POST",
      data: { user_Id_logon },
      url: "/users/user",
    })
      .then((res) => {
        const { data } = res;
        setUserData(data);
      })
      .catch((err) => {
        throw err;
      });
  }, [setUserData, user_Id_logon]);
  return (
    <>
      <UserTable userData={userData} />
    </>
  );
};

export default MyPageContainer;