react-query todolist 리펙토링 해보기

useParams로 메인페이지 id값 가져오기

  const params = useParams();
   const filteredTodos = useSelector((state) => {
    return state.todos.filter((item) => item.id === params.id);
  });

• useParams로 MainPage 에 있는 id값을 가져와서
  useSelector로 조회해서 filter로 params.id의 id값과 state의 id 값이 같은지 확인하고 있다.

문제점

• 여기서 filtering 할때

  Uncaught TypeError: state.todos.filter is not a function

이 트러블 슈팅문제에 대해 해결해 보고자 한다.

트러블슈팅 해결

내용 입력 예정