useLocation

Redux๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ „์—ญ์œผ๋กœ ๊ด€๋ฆฌํ•  ํ•„์š”๊ฐ€ ์—†์„ ๋•Œ, useNavigate๋กœ ๋ผ์šฐํŒ…ํ•˜๋ฉด์„œ ํ•จ๊ป˜ ํ•ด๋‹น ํŽ˜์ด์ง€๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ผ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋‹ค. useNavigate์™€ useLocation์ด๋ฉด ๊ฐ€๋Šฅํ•˜๋‹ค! 1. useNavigate() useNavigate๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ด๋™ ๊ฒฝ๋กœ๋กœ state๊ฐ’ ์ „๋‹ฌํ•˜๊ธฐ const navigte() = useNavigate(); navigate("์ด๋™ํ•  ๊ฒฝ๋กœ", state:{ "์ „๋‹ฌํ•˜๊ณ ์ž ํ•˜๋Š” ๋ฐ์ดํ„ฐ" }); 2. useLocation() useLocation์„ ์จ์„œ props ๋ฐ›๊ธฐ const { state } = useLocation();
๋ฐ(Ming) ๐Ÿˆ‍โฌ›
'useLocation' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก