1
resposta

[Bug] Os Links não estão com o underline

Fiz o desafio, e os links não ficam com underline quando estou na página relacionada.

index.js/MenuLink

import { NavLink} from "react-router-dom";
import styles from "./MenuLink.module.css";

export default function MenuLink({ children, to}){
   
    return(
        <NavLink 
            className={({isActive}) => `
                ${styles.link}
                ${isActive ? styles.linkDestacado : ""}
            `}  
            to={to}
            end
        > 
            {children}
    </NavLink>
    )
}
1 resposta

Olá, Anatalia! Tudo bem com você?

Peço desculpa pela demora em respondê-la.

O código que você compartilhou, com base no teste que realizei, não tem nenhum problema! Esse método está adicionando corretamente o "underline" na página em que me encontro, o que me leva a concluir que o seu problema não está nesse trecho de código.

Poder ser que ao importar o método no seu arquivo "MenuLink/index.js" você errou algo na importação ou na utilização do método. Logo verifique que está tudo certo dentro deste arquivo.

Contudo, caso esse não seja o causador do problema, peço que compartilhe comigo todo o seu projeto, via GitHub ou Drive do Google. Assim poderei entender melhor o que está causando o seu problema.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.