코드 제공 됩니까?

안녕하세요.action 과 Form 을 이용해서 submit 처리하기 강의 중 submit 버튼 클릭 시 preventDefault() 작성하는 부분이 없어서 페이지가 새로고침 되던데 강의에서는 새로고침이 안되고 있네요이유를 알 수 있을까요?

react-router-dom 을 공부하다가 의문이 생겨서 질문글에 올립니다.다이어리 상세 페이지로 이동시킬 때 useNavigate hook을 활용하고 있는데, useNavigate hook은 <a>태그로 렌더링되지 않고 키보드로도 접근이 안 돼서 공식 문서에서는 <Link>를 더 권장하는 거 같더라구요. https://reactrouter.com/en/main/start/concepts#navigating어떤 걸 쓰는 게 더 좋을까요?

안녕하세요, 강사님!강의 정말 재밌게 듣고 있습니다ㅎㅎㅎ제가 React Router 강의에서 나온 퀴즈를 codesandbox에서 풀었는데 이렇게 사용하는게 맞을까요?수정해야할 부분이 있다면 알려주시면 다시 공부해보고 싶습니다!codesandbox : https://codesandbox.io/s/react-router-dom-v6-practice-nxvwlm?file=/src/App.jsx

안녕하세요. Route 컴포넌트를 사용하는 방법이 조금 바뀐거같습니다. (v6 이후) <Routes> <Route path="/about/*" element={<AboutPage/>}/> <Route path="/about/company/" element={<AboutCompanyPage/>}/> <Route path="/profile/" element={<ProfilePage/>}/> <Route path="/blog/" element={<BlogPage/>}/></Routes> 위에처럼 Route 바깥에 Routes로 감싸줘야 하는것으로 보이구요. 또 about아래에 여러 URL을 지원하려면 *를 붙여줘야 하는거 같습니다. (exact 속성도 지원하지 않는다고 합니다.) 다만 about/abcd 이런식으로는 접속해도 URL매칭은 되지만 about/company/로 슬래시로 끝내면 매칭이 되지는 않네요. 원만한 강의 진행을 위해서는 v5로 낮추어서 듣는게 좋을까요?   https://stackoverflow.com/questions/69866581/property-exact-does-not-exist-on-type https://stackoverflow.com/questions/49162311/react-difference-between-route-exact-path-and-route-path

App.js 에서 react-router-dom v6 버전에 맞게 문법을 Switch 대신 Routes 로 바꾸는 부분과 component 대신 element 로 바꾸시고   꼼수(?)로 Auth로 감싼 컴포넌트를 새로 정의해서 넣으시면 작동은 됩니다..        

안녕하세요. 그랩 강사님 제가 react-router-dom을 이용한 강의를 듣다가 에러 사항이 발생해서 질문 드리게 되었습니다. product 폴더를 만들로 강의 내용 대로 코드를 작성했는데 브라우져에서 동작에 문제가 발생하고 있습니다. [문제 이미지] 위의 붉은 색으로 표시한 바와 같이 product 폴더 아래에 index.js 코드에서 id 값을 받을 수 있도록 useParams를 사용하였는데 실제 브라우져에서 확인해 보면 아래와 같이 나옵니다. 이렇게 에러가 나오면서 정상적으로 동작하지 않습니다. 에러 코드를 보면 useParams가 문제 인거 같은데 어떻게 해결해야 할지 잘 모르겠습니다. 해당 오류 해결 방법을 가르쳐 주시면 감사하겠습니다. 언제나 빠른 답변과 도움  감사합니다.