Разница между тегом html "/ href" и ссылками или ссылками

Question

В чем разница между html-тегом "/ href" и navlink, предоставляемыми реагирующим маршрутизатором для навигации по странице?Я могу использовать и то и другое, чтобы перейти на страницу с другим URL-адресом, так почему было необходимо ввести Navlink или Link?

Answer 1

Если бы мы создавали ссылки с использованием таких якорных элементов, как href, нажатие на них привело бы к перезагрузке всей страницы.React Router предоставляет компонент <Link> для предотвращения этого.При нажатии <Link> URL-адрес будет обновлен, а отображаемый контент изменится без перезагрузки страницы.Таким образом, в целом, чтобы суммировать эту ссылку / ссылку, предоставленную реагировать, не обновляется страница, в то время как href обновляет страницу

Answer 2

Когда вам нужно использовать атрибуты стиля или класса для активных, вы можете использовать navlink

Давайте рассмотрим пример:

Ссылка

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

<Link to="/">Home</Link>

NavLink

Специальная версия, которая добавит атрибуты стиляк отображаемому элементу, когда он соответствует текущему URL.

<NavLink to="/" activeClassName="active">Home</NavLink>

Answer 3

Атрибут href вызовет обновление страницы, что приведет к сбросу состояний приложения.Однако ссылка и навигационная ссылка реакционного маршрутизатора не вызывают обновление страницы.Поскольку React используется для создания одностраничных приложений, в большинстве случаев убедитесь, что вы выбрали Link или Navlink при работе с маршрутизацией