onClick 안에 Link? NavLink?

onClick안에 Router 기능인 Link나 NavLink는 사용할 수 없다

그래서 대체할 수 있는 Hook 기능인 useNavigate사용하면 된다

 

import { useNavigate } from "react-router-dom"

function main() {
    const navigate = useNavigate()
    return <button onClick={() => {navigate('/URL 경로')}}</button>
}