섹션 4 목록 처리(1)

강의를 따라가서

modify 버튼을 누르니

http://localhost:3000/todo/modify/[object%20Object]?page=1&size=10
이렇게 나오더라구요

그래서 섹션2 맨 마지막 강의를 찾아보니

modifyPage.js가 아래와 같았습니다.

import React from 'react';

function ModifyPage(props) {
    
    return (
        <div className={'text-3xl font-extrabold'}>
            Todo Modify Page
        </div>
    );
}

export default ModifyPage;

2장 pdf의
동적페이지 이동: 수정/삭제 처리 후 이동 에는

import { useNavigate } from "react-router-dom";
const ModifyPage = ({tno}) => {
const navigate = useNavigate()
const moveToRead = () => {
navigate({pathname:`/todo/read/${tno}`})
}
const moveToList = () => {
navigate({pathname:`/todo/list`})
}
return (
);
<div className="text-3xl font-extrabold"> Todo Modify Page </div>
}
export default ModifyPage;

이렇게 나와있구요

어떻게 수정해야될까요?

참고로 위에 코드로 수정하면 export 어쩌구 하면서 오류가 나네요..

참고로 리스트 버튼을 누르면

http://localhost:3000/todo/list?page=1&size=10
잘 넘어갑니다..

추가

위에 두번째 코드처럼 ModifyPage.js를 수정해도 결과는 동일하게
http://localhost:3000/todo/modify/[object%20Object]?page=1&size=10
이렇게 나오네요..
어떤 부분을 봐야할까요?

쳇지피티에 물어보니

백틱 문제라고 하는데 백틱도 적용했지만 해결이 안되네요..

해결했습니다..

onClick={() => moveToModify(todo.tno)}

이 부분이 문제였던 것 같습니다.

!!!!!!!!!!!!!!!!!!!

pdf와 강의가 다른 부분에 대한 답변만 부탁드리겠습니다!