Benefícios do <NavLink> vs <Link> do React Router v4

Além da capacidade de definir um "activeClassName" e "activeStyle" no NavLink, há alguma razão para usar o NavLink sobre o link ao criar links para outras rotas em elementos não navegacionais (ou seja, não nav principal no cabeçalho ou rodapé) em seu site que não precisa de um estado / classe ativo?

A documentação oficial é clara:

<NavLink>

Uma versão especial do <Link>que adicionará atributos de estilo ao elemento renderizado quando ele corresponder ao URL atual.

Portanto, a resposta é NÃO . Não há outros motivos, exceto o mencionado.

Quando você precisa usar atributos de estilo ou classe no ativo <Link>, você pode usar<NavLink>

Vamos ver o exemplo:

Ligação

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

NavLink

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

Componente de Link

Ele é usado para criar links que permitem navegar em URLs diferentes e quando clicamos em qualquer um desses links em particular , ele deve carregar a página que está associada a esse caminho sem recarregar a página. Exemplo:

Componente NavLink:

Se quisermos adicionar alguns estilos ao Link. Para que, ao clicarmos em um determinado link, seja facilmente identificado qual Link está ativo. Para esta reação, o roteador fornece NavLink em vez de Link . Agora substitua Link do Navlink e adicione as propriedades activeStyle . As propriedades activeStyle significam que quando clicamos no Link, ele deve ser destacado com um estilo diferente para que possamos diferenciar qual link está ativo no momento. Exemplo:

Ref: https://www.javatpoint.com/react-router

Simplesmente, quando você usa, <Link>não há nenhuma classe ativa no elemento selecionado.
Em contraste, com <NavLink>o elemento selecionado é destacado porque este elemento é adicionado a uma classe ativa.
Espero que seja útil para você.