π₯FrontEnd/React
TIL) 리μ‘νΈμμ <a> νκ·Έ? Link μ»΄ν¬λνΈ?
hellohailie
2022. 9. 2. 15:57
λ°μν
리μ‘νΈμμλ <a> νκ·Έ λμ Linkλ₯Ό μ¬μ©ν΄μΌνλ€.
μ΄μ λ <a>νκ·Έμ hrefλ‘ μ΄λνλ©΄ μνκ°μ μκ³ μλλ μ νλλ€κ³ νλ€.
리μ‘νΈμ μν μ μ§μ μλμ ν¨μ¨μ±μ μν΄ μλ‘μ΄ νμ΄μ§λ₯Ό λΆλ¬μ€λ λμ μ λ°μ΄νΈνλ λ°©μμΌλ‘ ꡬνν΄μΌ νλ€.
ν΅μ¬
<a> νκ·Έμ hrefλ νμ΄μ§λ₯Ό μ΄λμν¬ λ νμ΄μ§λ₯Ό μλ‘ λΆλ¬μ€κ² λλ€. κ·Έλμ μν κ°μ΄ μ μ§λμ§ λͺ»νκ³ μλλ μ νλλ€.
Link μ»΄ν¬λνΈλ λΈλΌμ°μ μ μ£Όμλ§ λ°κΎΈκ³ νμ΄μ§λ₯Ό μλ‘ λΆλ¬μ€μ§ μλλ€.
μ¬μ© μμ
import { Link } from "react-router-dom";
...
<Link to='/logout'>log out</Link>
π μλͺ»λ κ°λ μ λ¬μ΄ μλ€λ©΄ λκΈ λΆνλ립λλ€. μ μ μ±μ₯μ ν° λμμ΄ λ©λλ€π€
λ°μν