Используйте Reaction-router-DOM для обработки маршрутов и ссылок на идентификаторы

Question

Я использую response-router-dom, и для предотвращения обновления всей страницы при навигации между маршрутами я использую компонент NavLink.Это хорошо работает для таких маршрутов, как '/ contact', однако не будет обрабатывать ссылки на определенные разделы с идентификаторами, такими как / contact # main.Есть ли способ продолжать использовать NavLink и при этом работать ссылки на определенные разделы?

Answer 1

В реакции-роутер-дом можно использовать как

<Link
to={{
pathname: "/contact",
hash: "#main",
state: { ...}
}}
/>

Answer 2

Очевидно, что это известная проблема с библиотекой реагирующего маршрутизатора, и для решения этой проблемы можно добавить дополнительную библиотеку:

реагирующий маршрутизатор-хеш-ссылка