“CSS seleccionado basado en la ruta reaccionando” Código de respuesta

Cómo agregar CSS basado en la ruta React

// do something when clicking on route 

function handler() {
  // do something;
}

<Route path='/' component={App}>
  <Route path="foo" component={Foo} onEnter={handler}/>
  <Route path="life" component={Life} onEnter={handler}/>
</Route>
Caffeinated Developer

CSS seleccionado basado en la ruta reaccionando

// user NavLink for conditional route styling

const Router = () => (
  <BrowserRouter>
    <div>
      <Nav>
        <NavLink exact={true} activeClassName='is-active' to='/'>Home</NavLink>
        <NavLink activeClassName='is-active' to='/about'>About</NavLink>
      </Nav>

      <Match pattern='/' exactly component={Home} />
      <Match pattern='/about' exactly component={About} />
      <Miss component={NoMatch} />
    </div>
  </BrowserRouter>
)
Caffeinated Developer

Respuestas similares a “CSS seleccionado basado en la ruta reaccionando”

Preguntas similares a “CSS seleccionado basado en la ruta reaccionando”

Más respuestas relacionadas con “CSS seleccionado basado en la ruta reaccionando” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código