Я создаю страницу входа. Где я хочу перенаправить пользователя, если вход успешно, в противном случае он должен перенаправить на страницу входа.
Примечание: без использования приставок.
Я попытался создать историю маршрутизатора с помощью «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);
});
}