210322_ TIL

오늘 할 일

1. page에 따라 제목 동적 변경

2. 프로젝트 방 화면 그리기

3. page 제목 처리 방식 변경

const dispatch = useDispatch();
  const pageTitle = useSelector( state => state.user.currentPage);
  const router = useRouter();
  useEffect(()=>{
    const pathName = router.pathname;
    let pageTitle = ""
    switch (pathName) {
      case "/main":
        pageTitle = "프로젝트 홈";
        break;
      case "/task":
        pageTitle = "모든 업무";
        break;
      default:
        break;
    }
    dispatch({
      type:CHANGE_PAGE_TITLE,
      data: pageTitle,
    })
  }, []);

<PageTitle>{pageTitle}</PageTitle>
/*
처음에는 이거를 굳이 redux에서 state로 관리해야하나 여기서만 쓸껀데 ..? 라는 생각이었다.
그래서 click시 setState로 바꾸는 방식으로 처리를 하였다. 메뉴를 클릭하면 state가 변경되고 
새로 html을 가져오니깐 state가 초기화가되는 것이였다 spa가 아니니 . 그래서 redux로 관리하여 pathname에
따라서 텍스트 변경
*/

const test = (e) =>{
  changePageTitle(e.target.text)
 }
<GnbItem img={v.img} hover={v.hover} onClick={test}>