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

in nav link if I click on the same active link, page has to refresh in react js

Pleasant Porpoise answered on June 10, 2022 Popularity 2/10 Helpfulness 1/10

answer in nav link if I click on the same active link, page has to refresh in react js

in nav link if I click on the same active link, page has to refresh in react js

Comment

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

export default function yourIndexPage({yourprops}) {
    let navigate = useNavigate();

    function changeLocation(placeToGo){
        navigate(placeToGo, { replace: true });
        window.location.reload();
    }

    return(
        <ul className='menu'>
            <li className="navbar-item">
                <Link to="/inventory" onClick={() => changeLocation('/inventory')} className="nav-link">Complete Inventory</Link>
            </li>
            <li className="navbar-item">
                <Link to="/inventory/clusters" onClick={() => changeLocation('/inventory/clusters')} className="nav-link">Inventory based on cluster</Link>
            </li>
            <li className="navbar-item">
                <Link to="/inventory/clusters/servertype" onClick={() => changeLocation('/inventory/clusters/servertype')} className="nav-link">Inventory based on cluster and server type</Link>
            </li>
        </ul>
    )

}

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: click javascript nav refresh

Link to this answer
Share Copy Link