Breaking News: Grepper is joining You.com. Read the official announcement!

how to navigate to different page on click in react

Add Answer

Bimlendra Ray answered on August 14, 2021 Popularity 10/10 Helpfulness 8/10

answer how to navigate to different page on click in react

related on click navigate to/ something in react

related how to go to another page onclick in react

how to navigate to different page on click in react

Comment

import React from 'react';
import { useNavigate } from "react-router-dom";
function LoginLayout() {
  
  let navigate = useNavigate(); 
  const routeChange = () =>{ 
    let path = `newPath`; 
    navigate(path);
  }
  
  return (
     <div className="app flex-row align-items-center">
      <Container>
      ...          
          <Button color="primary" className="px-4"
            onClick={routeChange}
              >
              Login
            </Button>
      ...
       </Container>
    </div>
  );
}}

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: click javascript

Link to this answer
Share Copy Link

Contributed on Nov 06 2022

Bimlendra Ray

0 Answers Avg Quality 2/10

Closely Related Answers

on click navigate to/ something in react

Comment

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

function SignupForm() {
  let navigate = useNavigate();

  async function handleSubmit(event) {
    event.preventDefault();
    await submitForm(event.target);
    navigate("../success", { replace: true });
    // replace: true will replace the current entry in 
    // the history stack instead of adding a new one.

  }

  return <form onSubmit={handleSubmit}>{/* ... */}</form>;
}

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Oct 01 2022

Vast Vendace

0 Answers Avg Quality 2/10

how to go to another page onclick in react

Comment

<Link to="/signup" className="btn btn-primary">Sign up</Link>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: go g

Link to this answer
Share Copy Link

Contributed on Aug 14 2021

VasteMonde

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

how to navigate to different page on click in react

Contents

More Related Answers

how to navigate to different page on click in react

Closely Related Answers

on click navigate to/ something in react

how to go to another page onclick in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.