Как добавить роутинг к div?

Question

[AlexRayn]

При клике на div открывается еще один div и должен меняться роутинг. С ссылками понятно -- надо указать href, а здесь как поступить? Использую react-router-dom

Answer 1

[abberati]

Взять react-router-dom и не плодить велосипеды.

Comments

[AlexRayn]

А я про него и спрашиваю

[abberati]

AlexRayn, а в вопросе про него ни слова. Сорян, что не угадал.

[abberati]

AlexRayn, что говорит документация про компоненты Switch, Route и Link?

[AlexRayn]

abberati, все, понял, спасибо. Перечитаю документацию.

Answer 2

[Mikhail Osher]

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

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

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

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