react-router-dom@6으로 할때
542
작성한 질문수 11
import React from "react";
import { useState } from "react";
import axios from "axios";
import { useNavigate } from "react-router-dom";
const BlogForm = () => {
const navigate = useNavigate();
const [title, setTitle] = useState("");
const [body, setBody] = useState("");
const onSubmit = () => {
axios
.post("http://localhost:3001/posts", {
title,
body,
})
.then(() => {
navigate("/blogs");
});
};
react-router-dom@6으로 할때 useNavigate 를 사용해서 구현하려고 하는데요 저렇게 코드를 짰는데 blogs 페이지로 넘어가질 않습니다.
useNavigate 를 사용할때는 어떻게 해야 블로그 페이지로 넘어갈 수 있나요??
----------------------------------------------------
해결했습니다!
답변 2
0
셋팅은 index.js 파일로 가서
import { BrowserRouter } from "react-router-dom";
<BrowserRouter> 이걸로 <App/> 이걸 감싸면 끝입니다.
0
App.js 파일도 올려주시겠어요? Router 세팅이 6은 좀 달라서 안되는 것일수도 있고 아님 다른 부분이 문제일수도 있어서 제공해주신 정보로는 답변을 드리기가 어렵겠네요.
연말이나 연초에 reacr router 6로 업그레이드 하는거 영상 만들어서 추가 할 계획이 있으니 6 사용하는데 너무 계속 막히면 일단 5로 사용하시다가 나중에 6 보셔도 될거 같아요
0
import "./App.css";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import NavBar from "./components/NavBar";
import routes from "./routes";
function App() {
return (
<Router>
<NavBar />
<div className="container mt-3">
<Routes>
{routes.map((route) => {
return (
<Route
key={route.path}
path={route.path}
element={<route.element />}
/>
);
})}
</Routes>
</div>
</Router>
);
}
export default App;
App.js입니다.
UserEffect 빈 배열 사용 질문입니다
0
136
2
Pagination 페이지 별 데이터 불러오기 오류
0
249
1
설명이 부족 한 듯..
0
292
1
pagination nav가 안보여요
0
214
1
블로그 낫 파운드 ㅠㅠ
0
242
1
return (<div></div>)
0
428
2
useState 에 대해
0
212
1
에러떠요..
0
526
2
useCallback 의존성 배열
0
370
1
인자가 필수로 들어가야 하는지 궁금합니다
0
393
1
AxiosError: Network Error가 뜹니다
0
11306
3
리액트 설치하려고 하니 에러가 뜹니다
0
300
1
23강 localhost 질문드립니다!!
0
588
5
renderBlogList 함수는 순수함수가 아니어도 괜찮은가요?
0
284
1
페이지네이션 버그 있습니다.
0
398
1
글 삭제 기능 구현 방법
0
314
1
react-router-dom 버전 업그레이드에 따른 문제
0
410
1
state가 업데이트되는 기준이 궁금합니다.
0
301
1
id가 두번 찍혀요
0
265
2
error handling 2 => ShowPage.js, BlogForm.js에서 에러가 납니다.
0
460
2
에러 핸들링에서 토스트가 2개씩 뜹니다..
0
437
2
36 블로그 db에서 받아와서 화면에 보여주기 에서
0
268
1
13번째 DB에 저장을 따라하고 있습니다.
0
408
2
useParams 가 동작하지 않습니다.
0
813
2