web-dev-qa-db-ja.com

HashRouterはreactルーター4.xでエラーをヒント

Webヒント画像の横

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

ヒントエラー、これは私がリンクをもう一度クリックしたときです


写真の隣は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;
8
Mr . Y

ナビゲーションにコンポーネントLinkを使用する場合は、prop replaceを設定することをお勧めします。

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

14
luffy