HashRouter 提示反应路由器错误 4.x

Question

网页提示图片旁边

https://i.stack.imgur.com/A2OGn.png

Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack

提示错误，这是我再次点击link

图片旁边是 React-Router 文件代码...

https://i.stack.imgur.com/WgqqN.png

import { HashRouter, Route } from 'react-router-dom';

import { Provider } from  'react-redux';
import View from './containers';
import configureStore from './store/configureStore';

const store = configureStore();

const AppRouter = () => (
    <Provider store={store}>
        <HashRouter>
            <View.App.Container>
                <Route path='/' exact={true} component={View.App.Dashboard} />
                <Route path='/Todo' component={View.Todo.Container} />
                <Route path='/News' render={() => (
                    <View.News.Container>
                        <Route path='/News/List' render={() => (
                            <h2>News List Show</h2>
                            )} />
                    </View.News.Container>
                )} />
            </View.App.Container>
        </HashRouter>
    </Provider>
);

export default AppRouter;

Answer 1

如果您使用组件 Link 进行导航，您可能需要在其上设置道具 replace。

https://reacttraining.com/react-router/web/api/Link/replace-bool

HashRouter 提示反应路由器错误 4.x

HashRouter tips error in react router 4.x

javascript

history

reactjs

react-router