๐ง ์ํฉ
์ธ๋ฐ์ ์ฒญ๋์์๋ ํผ ์์ฑ ํ ์ ์ฒญํ๊ธฐ -> ํ์ธ ์์ผ๋ก ๋ฒํผ์ ๋๋ฅด๋ฉด ํผ์ ์์ฑํ ๋ด์ฉ์ด ๋ฐฑ์๋๋ก ์ ๋ฌ๋๋ค.
์ด๋ ์ฑ๊ณต์ ์ผ๋ก ์ ์ก์ด ๋๋ค๋ฉด ์ฑ๊ณต์ด ๋๋ค๋ ์๋ฆผ๊ณผ ํจ๊ป ํ๋ฉด์ด ์๋ก๊ณ ์นจ์ด ๋๊ฒ ํ๊ณ ์ถ์๋ค.
useNavigate๋ฅผ ์ด์ฉํด ํ๋ฉด์ ์ด๋ํ๋ ๊ฐ์ ํ์ด์ง๋ก ์ด๋ํ๋ฉด ๋์ง ์์๊น ์ถ์๋ค.
fetch(apiUrl, request)
.then((response) => {
if (response.ok)
return response;
else
throw new Error(response.errorMessage);
})
.then(() => {
navigate('/stayout');
setModalIsOpen(false);
alert("์ธ๋ฐ ์ ์ฒญ์ด ์ ์ก๋์์ต๋๋ค.");
})
.catch((error) => {
console.error(error.errorMessage);
alert(error.errorMessage);
});
๊ทธ๋ฐ๋ฐ ์ด๋ ๊ฒ ์ง๋ ์ผ๋ผ๋ฆฌ...
ํผ์ ์์ฑํ๋ ๋ด์ฉ์ด ๊ทธ๋๋ก ๋จ์์์๋ค.


๐ป ๋ฌธ์
์ฐพ์๋ณด๋ useNavigate๋ ์ง์ ํ ๊ฒฝ๋ก๋ก ์ด๋ํ๋ ๊ฒ์ด์ง ํ์ด์ง๋ฅผ ๋ฆฌ๋ก๋ ํ์ง๋ ์๋๋ค๊ณ ํ๋ค.
์๋ก๊ณ ์นจ ์์ด ๋ฆฌ๋ ๋๋ง ํ๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ํผ์ ์์ฑํ๋ ์ ๋ณด๊ฐ ๊ทธ๋๋ก ๋จ์์๋ ๊ฒ์ด๋ค.
useNavigate์ ๋ผ์ฐํ ์ ๋ํ ๋ถ๋ถ์ ์ถํ ๋ฏ์ด๋ณผ ์์ ์ด๋ค.
๐ ํด๊ฒฐ
๊ทธ๋ ๋ค๋ฉด ํด๊ฒฐ ๋ฐฉ๋ฒ์ useNavigate๋ฅผ ์ฐ์ง ์๊ณ javascript ์ฝ๋๋ก ์๋ก๊ณ ์นจ์ ์์ผ์ฃผ๋ฉด ๋๊ฒ ๋ค๊ณ ์๊ฐํ๋ค.
`navagate('/stayout') ๋์ window.location.reload()๋ฅผ ์ฐ๊ธฐ๋ก ํ๋ค.
fetch(apiUrl, request)
.then((response) => {
if (response.ok)
return response;
else
throw new Error(response.errorMessage);
})
.then(() => {
window.location.reload();
setModalIsOpen(false);
alert("์ธ๋ฐ ์ ์ฒญ์ด ์ ์ก๋์์ต๋๋ค.");
})
.catch((error) => {
console.error(error.errorMessage);
alert(error.errorMessage);
});
(์ ๊ณ ๋ณด๋ ์๋ฌ ๋ฌ์ ๋ ํ๋ฉด์ด ๋ณํ๋ ๋์์ด ์๋ค๋ ๊ฑธ ์์๋ค. ์๋ฌ ๋ฐ์ ์ ๋ชจ๋ฌ๋ง ๊บผ์ ํ๋ฉด์ ๋ณํ๋ฅผ ์ค์ผ๊ฒ ๋ค.)


์๋ํ๋ ๋๋ก ์ ๋น์์ง๋ค!
'Project > Duktown' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [DukTown/React] ๋์ ํ ์ด๋ธ ์ปดํฌ๋ํธ ๋ง๋ค๊ธฐ (0) | 2023.12.17 |
|---|