réagissent routeur v4 «/» chemin exact ne fonctionne pas avec cordova

Question

Essayez de le faire dans IntelXDK avec le plugin cordova mais il n'affiche rien

const app = document.getElementById('app'); 

const Index =() => (
    <Router> 
     <div> 
     <Switch> 
      <Route exact path="/" component={Layout}/> 
      <Route path="/about" component={First}/> 
      <Route path="/topics" component={Second}/> 
     </Switch> 
     </div> 
    </Router> 

); 

const Layout =() => (
    <div> 
     <h1>layout</h1> 
     <ul> 
      <li><Link to="/">Home</Link></li> 
      <li><Link to="/about">About</Link></li> 
      <li><Link to="/topics">Topics</Link></li> 
     </ul> 
    </div> 
); 

const First =() => (
    <div> 
     <h1>first</h1> 
    </div> 
); 

const Second =() => (
    <div> 
     <h1>second</h1> 
    </div> 
); 


ReactDOM.render(<Index/>, app); 

Lorsque je supprime le mot exact et ne pas utiliser <Switch> tag il fonctionne mais il rend 2 composants (Layout et First ou Layout et Second).

Je veux rendre seulement 1 composant, quelqu'un peut me aider à ce problème?

Answer 1

Vous pouvez essayer de supprimer la atteibute exacte et mettre le/la route à la fin des 3 routes. Ensuite, il rendra juste si ce n'est pas les autres. Mais il va aussi rendre si c'est quelque chose d'autre, donc je ne suis pas sûr si vous voulez éviter cela.

Meilleures salutations