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

how to use usenavigate in react class component

Ainul Sakib answered on October 16, 2022 Popularity 10/10 Helpfulness 2/10

answer how to use usenavigate in react class component

related useNavigate in react

how to use usenavigate in react class component

Comment

For those who are struggling with route v6 and more. You must define a function outside of your component Class and use it as following:

function myParams(Component) {
    return props => <Component navHook={useNavigate()} />;
}
in your Class component:

this.props.navHook('/SomeWhere')
And keep in mind you have wrap your Class in your function:

export default myParams(Card);

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: class javascript

Link to this answer
Share Copy Link

Contributed on Nov 01 2022

Ainul Sakib

0 Answers Avg Quality 2/10

Closely Related Answers

useNavigate in react

Comment

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

const navigate = useNavigate();

const submitHandler = async (event) => {
  event.preventDefault();

  try {
    await submitForm();
    navigate("/success"); // Omit optional second argument
  } catch (error) {
    navigate("/error", { state: { message: "Failed to submit form" } }); // Pass optional second argument
  }
};

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: refine.dev

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 16 2022

Bimlendra Ray

0 Answers Avg Quality 2/10

how to use usenavigate in react class component

Contents

More Related Answers

how to use usenavigate in react class component

Closely Related Answers

useNavigate in react

Grepper

Documentation

Social

Legal

Contact

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