首页 > 解决方案 > 想要在 axios 代码 reacr 中重定向

问题描述

axios
    .post('http://oud-zerobase.me/api/v1/users/signUp', toSent)
    .then((response) => {
      if (response.status === 200) {
        /**redirect to home  */
        const authToken = response.data.token;
        localStorage.setItem('accessToken', authToken);
        console.log('token', authToken);
        console.log(response);
        /**redirect to home */
      } else if (response.status === 400) {
        errorMassage = response.statusText;
      } else if (response.status === 401) {
        /**Unauthorized */
        errorMassage = response.statusText;
      }
      this.setState((prevState) => {
        prevState.formErrors.mainError = errorMassage;
        return prevState;
      });
    })
    .catch((error) => {
      console.log(error.response);
    });

在这里,我将其发送accessToken到外部的函数,我想在成功时重定向页面

标签: javascriptreactjs

解决方案


您可以使用hooksinreact-router-dom推送您的路线:

import { useHistory } from "react-router-dom";

let history = useHistory();
history.push("/ROUTE_NAME");

推荐阅读