Я использовал this.context.history.push для перенаправления на другую страницу, но это не работает. Любое решение, пожалуйста? я использую laravel в качестве бэкэнда и реагирую на js в качестве фронтэнда, теперь я хочу перенаправить свою страницу входа в профиль вендора, но она не работает. это мой vendorlogin.jsx

import React from 'react' import { vendorlogin } from '../API/UserAPI' export default class VendorLogin extends React.Component { constructor() { super() this.state = { email: '', password: '', redirect:false } this.onChange = this.onChange.bind(this) this.onSubmit = this.onSubmit.bind(this) } onChange(e) { this.setState({ [e.target.name]: e.target.value }) } onSubmit(e) { e.preventDefault() const vendor = { email: this.state.email, password: this.state.password } vendorlogin(vendor).then(res ={amp}gt; { if (res){ this.context.history.push('/vp'); } else{ console.log("login error"); } }); } render() { return ( {amp}lt;div className="container"{amp}gt; {amp}lt;div className="row"{amp}gt; {amp}lt;div className="col-md-6 mt-5 mx-auto"{amp}gt; {amp}lt;form noValidate {amp}gt; {amp}lt;h1 className="h3 mb-3 font-weight-normal"{amp}gt; Please sign in {amp}lt;/h1{amp}gt; {amp}lt;div className="form-group"{amp}gt; {amp}lt;label htmlFor="email"{amp}gt;Email address{amp}lt;/label{amp}gt; {amp}lt;input type="email" className="form-control" name="email" placeholder="Enter email" value={this.state.email} onChange={this.onChange} /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div className="form-group"{amp}gt; {amp}lt;label htmlFor="password"{amp}gt;Password{amp}lt;/label{amp}gt; {amp}lt;input type="password" className="form-control" name="password" placeholder="Password" value={this.state.password} onChange={this.onChange} /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; {amp}lt;button type="submit" value="LOGIN" className="button" onSubmit={this.onSubmit} {amp}gt;LOGIN{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; ) } } 

это мой App.jsx

 import React from 'react' import {BrowserRouter as Router,Route} from 'react-router-dom' import Home from './components/Main/home'; import { Stsignin } from './components/Student/stsignin'; //import { Vsignin } from './components/Vendor/vsignin'; import VendorProfile from './components/Vendor/profile'; import Panel from './components/Vendor/panel'; import Offer from './components/Vendor/offer'; import Vreport from './components/Vendor/vreport'; import Vp from './components/Vendor/vp'; import VendorLogin from './components/Vendor/vendorlogin'; class App extends React.Component { render() { return ( {amp}lt;Router{amp}gt; {amp}lt;Route path='/home' component={Home}{amp}gt;{amp}lt;/Route{amp}gt; {amp}lt;Route path='/stsignin' component={Stsignin}{amp}gt;{amp}lt;/Route{amp}gt; {amp}lt;Route path='/panel' component={Panel}{amp}gt;{amp}lt;/Route{amp}gt; {amp}lt;Route path='/profile' component={VendorProfile}{amp}gt;{amp}lt;/Route{amp}gt; {amp}lt;Route path='/offer' component={Offer}{amp}gt;{amp}lt;/Route{amp}gt; {amp}lt;Route path='/vreport' component={Vreport}{amp}gt;{amp}lt;/Route{amp}gt; {amp}lt;Route path='/vp' component={Vp}{amp}gt;{amp}lt;/Route{amp}gt; {amp}lt;Route path='/vendorlogin' component={VendorLogin}{amp}gt;{amp}lt;/Route{amp}gt; {amp}lt;/Router{amp}gt; ); } } export default App; 

это мой UserAPi.js

 import axios from 'axios' export const vendorlogin = vendor ={amp}gt; { return axios .post('api/vendorlogin', { email : vendor.email, password : vendor.password }, { headers: { 'Content-Type': 'application/json' } }) .then(response ={amp}gt; { localStorage.setItem('usertoken',response.data.token) console.log(response) }) .catch(err ={amp}gt; { console.log(err) }) } 
Фараз Азар

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,

 vendorlogin(vendor).then(res ={amp}gt; { if (res){ //this.context.history.push('/vp'); window.location = '/vp'; } else{ console.log("login error"); } }); 
Бабак Ягхуби

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,