Le rendu noMatch dans React Router v4 ne fonctionne pas?

Question

Ceci est mon code:

class noMatch extends React.Component { 
    render() { 
    return 'Not Found' 
    } 
} 
ReactDOM.render(
    <BrowserRouter> 
     <Switch> 
     <Route exact path='/(index.html)?' component={App}/> 
     <Route component={noMatch}/> 
     </Switch> 
    </BrowserRouter>, 
    mountNode 
); 

L'application fonctionne en localhost: 3000/et localhost: 3000/index.html comme prévu. mais quand il n'y a pas de match, mon no Match ne rend pas? Je suis le tutoriel noMatch des documents here. Aidez-moi?

Answer 1

Votre code de routeur recherche. Si vous êtes dans votre chaîne retournerez composant noMatch, vous devez revenir élément React valide comme ceci:

class noMatch extends React.Component { 
    render() { 
     return (
      <div>Not Found</div> 
     ); 
    } 
}