댓글 수정

Comment 컴포넌트

<Link
  to={`/CommentModifiy/${innerIndex}`}
  state={{ commentInd: innerIndex }}
>
수정
</Link>

//버튼 이용 할 시
{/* <button
onClick={() => {
navigate(`/CommentModifiy/${innerIndex}`, {
state: { commentInd: innerIndex },
});
}}
>
수정
</button> */}

Link로 props 전달 state 사용

CommentModifiy 컴포넌트

import { useLocation } from "react-router-dom";

const location = useLocation();
const state = location.state;
const stateInd = state.commentInd;

const pickComment = userCommentList[selectedBoardId][stateInd];

stat에 들어 온 값 확인 후
데이터의 경로로 사용 하여 원하는 값 출력

Slice와 Thnk

코드는 비슷 하지만 boolean값으로 수정 여부 데이터 추가

수정한 데이터 출력

Comment컴포넌트에서
commentModifyList === true && //수정 여부
item.numIndex === commentModifyListInd //고유 id값 비교
조건을 두어 수정된 데이터와 수정이 안된 데이터를 출력