How to add routing to div?

Question

React

When a div is clicked, another div opens and the routing should change. It's clear with links - you need to specify href, but what to do here? I am using react-router-dom

Answer 1

Take react-router-dom and don't spawn bicycles.

Answer 2

import { useHistory } from 'react-router-dom';

const MyComponent = () => {
  const history = useHistory();

  const handleClick = () => {
    history.push('/new/route');
  };

  return <div onClick={handleClick}>hello</div>;
}