Question

我尝试了解使用history在React的SPA网站上浏览react-router-dom的正确方法是什么。

我需要在我的应用内部进行多次重定向，并且它与<Redirect/>的{{1}}组件配合使用。但它没有收集react-router-dom信息，因为我有机会在浏览器中单击我的箭头上的后退按钮，但是他们将我重定向到网站的其他页面上，以前的内容...为什么？

此外，我在帖子Redirect in react-router-dom?中看到正确的方法是使用history - 但我无法理解如何在我的应用中实现它。请帮助别人......

所以我有下一个App.js：

this.props.history.push('/path1')

和/或示例Logout.js组件：

import React, { Component } from 'react';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';

import Auth from './Auth/Auth';
import RegistrationPage from './Auth/RegistrationPage';
import LogoutPage from './Auth/LogoutPage'
import EmployersBox from './Employers/EmployersBox';
import NotFoundPage from './NotFoundPage'

class App extends Component {
    render() {
        return (
            <Router>
                <div className="App">
                    <Switch>
                        <Route path="/auth/login" component={Auth} />
                        <Route path="/auth/registration" component={RegistrationPage} />
                        <Route path="/auth/logout" component={LogoutPage} />
                        <Route path="/employers" render={(props) => <EmployersBox {...props} />
                        <Route path="" component={NotFoundPage} />
                    </Switch>
                </div>
            </Router>
        )
    }
}

export default App;

反应-路由器。如何通过在react-router-dom中重定向来收集历史记录？

0 个答案: