Почему history.push () не ориентируешься? - PullRequest
0 голосов
/ 07 июня 2019

Я создаю страницу входа. Где я хочу перенаправить пользователя, если вход успешно, в противном случае он должен перенаправить на страницу входа.

Примечание: без использования приставок.

Я попытался создать историю маршрутизатора с помощью «act-router-dom », и когда я нажимаю новую конечную точку в строке поиска, маршрутизатор обновляется, но он не меняет экран. Я также попытался изменить экран с помощью "window.location.reload ()", но тогда проблема в том, как я отправлю пользовательские данные на следующий экран.

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import * as serviceWorker from './serviceWorker';
import { Route, Link, BrowserRouter as Router } from 'react-router-dom'
import Login from "./components/Login"
import signUp from "./components/signUp"
import Dashboard from "./components/dashboard"
import Recordings from "./components/Recordings"
import RauteHistory from './components/routeHistory';
import callDetails from './components/callDetails'
const routing = (
  <Router history={RauteHistory}>
    <div>
      <Route exact path="/" component={Login} />
            <Route path="/login" component={Login} />
      <Route path="/signup" component={signUp} />
            <Route path="/dashboard" component={Dashboard} />
            <Route path="/recordings" component={Recordings} />
            <Route path="/calldetails" component={callDetails} />
    </div>
  </Router>
)

ReactDOM.render(routing, document.getElementById('root'));


const loginButtonClick = () => {
    let userId, password
    userId = document.getElementById("userId").value;
    password = document.getElementById("password").value;
  loginService(userId, password)
        .then(responseJson => {
            if (responseJson.user_id){
                RauteHistory.push('/dashboard')
                window.location.reload()
            }
            else {
                handleClick()
            }
        })
        .catch(error => {
            console.log(error.error);
        });
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...