react router usehistory push code example

Example 1: useHistory react-router-dom

In react-router-dom version 6 
useHistory() is replaced by useNavigate() ;

import {useNavigate} from 'react-router-dom';
const navigate = useNavigate();
navigate('/home')

Example 2: react router dom useparams

import React from "react";
import ReactDOM from "react-dom";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  useParams
} from "react-router-dom";

function BlogPost() {
  let { slug } = useParams();
  return Now showing post {slug};
}

ReactDOM.render(
  
    
      
        
      
      
        
      
    
  ,
  node
);

Tags:

Misc Example

Related