javascript - Le routage configuré par React ne fonctionne pas

Question

La configuration du routage est la suivante :
importer React depuis 'react';
importer ReactDom depuis 'react-dom';
importer Index depuis './index';
importer {Router,Route,hashHistory} depuis 'react-router ';
importer ComponentList depuis './components/list';

La classe par défaut d'exportation Root étend React.Component{

render(){
    return (
        <Router history={hashHistory}>
            <Route component={Index} path="/" />
            <Route component={ComponentList} path="/list" />
        </Router>
    );
}

}

ReactDom.render(<Root/>,document.getElementById('example'));

Démarrez le projet avec webpack-dev-server,
Entrez http://localhost:8080/# et http://localhost:8080/ tous deux affichent l'index,
Entrez http://localhost:8080/list et il vous demandera Impossible d'obtenir /list,
http://localhost:8080/#/list affiche également l'index mais n'affiche pas la liste. Veuillez le résoudre ? ? ? ? ? ?

Answer 1

l'historique a été remplacé par l'historique du navigateur

render(){
    return (
        <Router history={browserHistory}>
            <Route component={Index} path="/" />
            <Route component={ComponentList} path="/list" />
        </Router>
    );
}

Vérifiez ensuite si votre ComponentList est écrite correctement

import React from 'react'
export default class ComponentList extends React.Component {
    render() {
        return(
           // your code
        )
  }
}