Ошибка: невозможно прочитать свойство 'status' из undefined ", функция выхода из системы REACTJS - PullRequest
Новая
       31

Ошибка: невозможно прочитать свойство 'status' из undefined ", функция выхода из системы REACTJS

0 голосов
/ 23 апреля 2020

screen capture when I click on logout after login У меня есть код php (выход из системы. php), который уничтожает сеанс пользователя. Я хочу вызвать мою функцию handleLogOut, когда пользователь нажимает кнопку «Выйти» (в конце кода) в NavBar. Если статус ответа 200, сеанс закрывается, и пользователь перенаправляется на мою страницу входа. У меня есть ошибка: "navBar. js: 24 Uncaught (в обещании) TypeError: Невозможно прочитать свойство 'status' из undefined". что я могу добавить или изменить в моем коде, пожалуйста?

navBar. js: 

import React, { Component } from "react";

    import { MDBNavbar,  MDBNavbarNav, MDBNavItem, MDBNavLink, MDBNavbarToggler, MDBCollapse, MDBDropdown,
    MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem,  } from "mdbreact";
    import axios from "axios";
    import { Redirect} from 'react-router';


class NavbarPage extends Component {
state = {
  isOpen: false,
  logOut: false,
};

handleLogOut () {
  axios.get("http://localhost:8888/login/logout.php")

  .then(function(response){
    console.log(response);
    this.setState({logOut: true});
  }.bind(this))

  .catch((error) => {
    if(error.response.status === 403){
      console.log(error);
    }
  });
}

toggleCollapse = () => {
  this.setState({ isOpen: !this.state.isOpen });
}

render() {
  const bgRed = {backgroundColor: 'rgb(83, 4, 4)'};
  const{logOut} = this.state;


  if(logOut){
    return <Redirect to="/login"/>;
  }

  return (
      <MDBNavbar style={bgRed} dark expand="md" scrolling fixed="top">

        <MDBNavbarToggler onClick={this.toggleCollapse} />
        <MDBCollapse id="navbarCollapse3" isOpen={this.state.isOpen} navbar>
          <MDBNavbarNav left>
          <MDBNavItem active  className="M">
              <MDBNavLink to="/acceuil"><strong>MyBibli</strong></MDBNavLink>
            </MDBNavItem>
            <MDBNavItem active>
              <MDBNavLink to="/mesLivres">Mes livres</MDBNavLink>
            </MDBNavItem>
            <MDBNavItem>
              <MDBNavLink to="/ajoutLivre">Ajouter un livre</MDBNavLink>
            </MDBNavItem>
            </MDBNavbarNav>

            <MDBNavItem>
              <MDBDropdown>
                <MDBDropdownToggle nav caret>
                  <div className="d-none d-md-inline">My account</div>
                </MDBDropdownToggle>
                <MDBDropdownMenu className="dropdown-default">
                  <MDBDropdownItem href="#!">Gérer mon compte</MDBDropdownItem>
                  <MDBDropdownItem href="#!" onClick = {this.handleLogOut} >Log Out</MDBDropdownItem>
                </MDBDropdownMenu>
              </MDBDropdown>
            </MDBNavItem>


          </MDBNavbarNav>
        </MDBCollapse>
      </MDBNavbar>
    );
  }
}

export default NavbarPage;

выход. php: 

<?php   
        session_start();
        if(isset($_SESSION['User'])){
        session_destroy();
        http_response_code(200);
        }
        else {
        http_response_code(403);
        }
?>

1 Ответ

0 голосов
/ 23 апреля 2020

Вам необходимо убедиться, что объект ошибки имеет атрибут "response" 

.catch((error) => {
  if(error.response && error.response.status === 403){
    console.log(error);
  }
});

Скорее всего, приведенный выше фрагмент кода не решит вашу проблему полностью, но, надеюсь, приблизит вас к решению.

...