小编Eri*_*kWi的帖子

我正在编写一个带导航栏和5条路线的小应用程序react-router-dom 4.1.1.当我单击导航栏中的链接时,Firefox地址栏中的URL会更新,但显示的页面不会更改.但是,如果我在地址栏中输入子页面的地址,则会显示正确的页面.

app.js:

render(
    <Provider store={store}>
        <HashRouter>
            <MainContainer />
        </HashRouter>
    </Provider>,
    document.querySelector('.app')
);

Main.js:

render() {
    return (
        <div className="main">
            <Message message= {this.props.message} />
            <NavigationBar />
            <Switch>
                <Route exact path="/" component={HomePage}></Route>
                <Route path="/classify" component={ClassifyPage}></Route>
                <Route path="/admin" component={AdminPage}></Route>
                <Route path="/users" component={UsersPage}></Route>
                <Route path="/help" component={HelpPage}></Route>
            </Switch>
        </div>
    );
}