在 ReactJS 中成功登錄后如何重定向到?以及每當用戶輸入錯誤的憑據時如何顯示?我嘗試了類似下面的方法,但它沒有成功登錄后,并且每當用戶點擊錯誤的憑據時也不會顯示提示。如果有人能弄清楚我在哪里犯了錯誤,那就太好了。homepageerror messageredirecthomepagelogin failed./src/Login.jsimport React, {Component} from "react";import {Form} from 'antd';export default class App extends Component{ constructor(props) { super(props); this.state ={ username: "", password: "", } this.onFormSubmit = this.onFormSubmit.bind(this) } onFormSubmit(values){ console.log(values); const formData = new FormData(); formData.append("username", values.username); formData.append("password", values.password); const options = { method: 'POST', body: formData }; fetch('http://localhost:8000/api/login', options).then(() => { this.props.history.push('/home') }).catch((error) => { alert('Login Failed!') }) }; render(){ return( <div> <Form onFinish={this.onFormSubmit}> <div class="col-md-12 form-group p_star"> <Form.Item name="username"> <input type="text" class="form-control" placeholder="Username"/> </Form.Item> </div> <div class="col-md-12 form-group p_star"> <Form.Item name="password"> <input type="password" class="form-control" placeholder="Password"/> </div>
成功登錄后如何重定向到頁面:ReactJS?
呼喚遠方
2022-09-02 21:38:11