useRouter in Next js

  • This hook is use to route between pages. Example:


    "use client"
    import React from 'react'
    import { useRouter } from 'next/navigation';

    const Home = () => {
      const router = useRouter()
      return (
        <div>
          <button
            onClick={() => router.push("/contact")}
          >
            Click
          </button>
        </div>
      )
    }

    export default Home



No comments:

Post a Comment

Phase 3 — Components Deep Dive

Chapter 1 — What We Are Going to Learn and Why In Phase 2 you learned what a component is and how to create one. You know that a component h...