101일차 TIL : 최종 프로젝트 - 임시 설명 데이터 추가

  const courseList = useSelector(
    (state: any) => state.temporarySlice.courseList
  );

  const filteredCourse = useSelector(
    (state: any) => state.temporarySlice.filteredCourse
  );

  const onAddDesc = () => {
    const newDesc = {
      id: !filteredCourse ? courseList[0].id : id,
      desc: text,
    };
    dispatch(addDesc(newDesc));
    setText("");
  };

이슈

첫 번째 순서에 해당하는 데이터 추가시 id값이 undefined로 저장

원인

id는 장소를 클릭해야만 그 값을 얻을 수 있는데 최초 렌더링시에는 클릭을 하지 않기 때문

해결

최초 렌더링시에는 장소 리스트의 0번째 id(= courseList[0].id)를, 장소 클릭시에는 기존의 id를 받아오는 방식으로 해결

유저플로우를 고려해서 등록 버튼을 제거하고 자동으로 저장되는 방향으로 개선