Ссылка по ID в реакции на той же странице

Question

Я пытаюсь заставить веб-сайт на одну страницу реагировать, и я разделил его на несколько компонентов. Итак, у меня есть компонент navbar и компонент образования. Теперь я хочу связать navbar с образованием. В приложении js я делаю это

        <Education id="edu"></Education>

, а в навигационной панели я делаю ссылки вот так

<NavLink href="#edu" className="navlink"> Education </NavLink>

Но это не работает.

Answer 1

React сама выполняет только обязанности по представлению и не обрабатывает навигацию или маршрутизацию. Популярный выбор библиотеки для обработки навигации между компонентами страницы в React: ReactRouter .

. При использовании React Router ваша оболочка компонента root будет иметь компонент Router. Затем вы должны связать компоненты вместе, используя компонент Link. См. Этот пример .

Обратите внимание, что это самый популярный способ обработки маршрутизации в одностраничных веб-приложениях React, но это не единственный способ.