J'ai ce cas spécifique où si l'utilisateur achemine vers des sujets/rendu, je dois lui montrer un composant séparé et lorsque l'utilisateur achemine vers des sujets/10, je dois lui montrer un autre composant. Le problème auquel je suis confronté en ce moment est que même lorsque je fais des sujets/rendu, je vois les deux composants être rendus à l'écran. De plus, lorsque l'utilisateur achemine vers topics/math/10, je dois l'acheminer vers une autre page.

Voici la partie routage dans mon App.js (par défaut App.js)

<div className="App">
    <Router>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
      <Route exact path="/topics" component={Topics} />
      <Route exact path ="/topics/rendering" component={Description}/>
      <Route  exact path="/topics/:id" component={Topic} />
      <Route path="/topics/:description/:id" component={TopicExtended}/>
    </Router>
  </div>
5
dfsdigging 16 mars 2019 à 16:14

2 réponses

Meilleure réponse

Vous devriez mettre les balises Route dans la balise Switch

<Router>
  <Switch>
    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
    <Route path="/topics" component={Topics} />
    <Route path ="/topics/rendering" component={Description}/>
    <Route path="/topics/:id" component={Topic} />
    <Route path="/topics/:description/:id" component={TopicExtended}/>
  </Switch>
</Router>

Mais importez-le d'abord import {Switch} from 'react-router-dom'

0
ilia 16 mars 2019 à 13:20