리액트에서 dispatch response값으로 navigate 사용하기

1. dispatch().then((res)=>{}) 코드로 res값을 가져온다

 return dispatch(__postGroupAdd({ groupName, description })).then(
        (res) => {}

2. res값에서 원하는 데이터를 변수에 담는다

 return dispatch(__postGroupAdd({ groupName, description })).then(
        (res) => {
          const groupId = res.payload.groupId;
        }

3. navigate를 다음과 같이 사용한다

 return dispatch(__postGroupAdd({ groupName, description })).then(
        (res) => {
          const groupId = res.payload.groupId;
          navigate(`/group/${groupId}`);
        }

변수는 ${}안에 넣어주고 `으로 주소 전체 감싸기

+ 4. path.js 파일 만들어서 사용하기

1. path.js파일을 만든다

export const PATH = {
  groupdetail: (groupId) => `/group/${groupId}`,
};

2. path파일을 import 한다
   사용할 컴포넌트 파일 상단에 적어주기.

import { PATH } from "../../constants/index";

3. navigate를 다음과 같이 바꾼다

navigate(PATH.groupdetail(groupId));