javascript - Penghalaan yang dikonfigurasikan tindak balas tidak berfungsi

Question

Konfigurasi penghalaan adalah seperti berikut:
import React daripada 'react';
import ReactDom daripada 'react-dom';
import Indeks daripada './index';
import {Router,Route,hashHistory} daripada 'react-router ';
import ComponentList daripada './components/list';

eksport kelas lalai Root memanjangkan React.Component{

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

}

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

Mulakan projek dengan webpack-dev-server,
Masukkan http://localhost:8080/# dan http://localhost:8080/ kedua-dua indeks paparan,
Masukkan http://localhost:8080/list dan ia akan menggesa Tidak dapat GET /list ,
http://localhost:8080/#/list juga memaparkan indeks tetapi tidak memaparkan senarai Tolong selesaikan? ? ? ? ? ?

Answer 1

historychangebrowserHistory

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

Kemudian periksa sama ada Senarai Komponen anda ditulis dengan betul

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