Eu estou tentando sair Reagir-Router (v4) e estou tendo problemas começam fora do Nav ter um dos Link
's Seja active
. Se eu clicar em qualquer uma das Link
tags, o material ativo começa a funcionar. No entanto, gostaria que o Home Link
ficasse ativo assim que o aplicativo iniciar, pois é o componente que carrega na /
rota. Há alguma maneira de fazer isso?
Aqui está meu código atual:
const Router = () => (
<BrowserRouter>
<div>
<Nav>
<Link activeClassName='is-active' to='/'>Home</Link> {/* I want this to start off as active */}
<Link activeClassName='is-active' to='/about'>About</Link>
</Nav>
<Match pattern='/' exactly component={Home} />
<Match pattern='/about' exactly component={About} />
<Miss component={NoMatch} />
</div>
</BrowserRouter>
)