Question

import React, {Component} from 'react';
import {HashRouter as Router, Route} from 'react-router-dom';
import {Provider} from 'react-redux'
import Store from './store/configureStore'
import Register from "./view/RegisterView"
import Login from "./view/LoginView"
import Dashboard from "./view/DashboardView"

class App extends Component {
  constructor() {
    super();

  }

  render() {
    return (
        <div>
          <Provider store={Store}>
            <Router basename="/">
              <div>
                  <Route exact path="/register" component={Register}>
                  </Route>
                  <Route exact path="/login" component={Login}>
                  </Route>
                  <Route exact path="/dashboard" component={Dashboard}>
                  </Route>
              </div>
            </Router>
          </Provider>
        </div>
    );
  }
}

export default App;

我在App.js中输入了不同的路径。登录成功后，我想转到我的/ dashboard路线。（但只有登录后才能访问它。）

在我的登录组件中，我想更改路线。

我尝试像这样更改它：

this.props.history.push("/dashboard");

但历史记录未定义。

我在Google上阅读了一些教程，他们告诉我可以使用：

onEnter={requireAuth}

在我的/ dashboard路线上

我不知道如何在登录组件中更改路线

我希望登录并进入我的/ dashboard路线（但仅在我连接时）。

使用Hashrouter登录时重定向

0 个答案: