[ React ] useState에서 배열의 값이 제대로 전달 안되는 경우

- Calender 작업중 데이터를 useState의 배열로 담아 파라미터로 백앤드에 보내야 되는데, 전달이 제대로 되지 않았다.

 

- newEvent는 정상적으로 뜨고있음.

- 하지만 밑에 스케줄 데이터를 state값에 넣어서 전달될 때에는 값이 뜨지 않았다.

- 당연히 백앤드 로직에서도 파라미터를 제대로 받지 못하고 있음.

 

[ 해결방법 ]

 

- 이전 코드는 파라미터를 백앤드에 전달할 dateInsert함수를 캘린더 클릭 이벤트시에 호출하게 하였지만,

useEffect에서 전달할 데이터(파라미터)의 값이 변할 때에 호출되게 수정하였다.

// 데이터 입력 start
  useEffect(() => {
    dataInsert();
  }, [newDateInsert]);

 

 

 

[ 결과화면 ]

 

- 배열 데이터가 잘 뜨고있고, 백앤드에서도 정상적으로 받아진다.