React ax ios Ошибка: запрос отменен для запроса на удаление в Firefox, но не в Chrome - PullRequest
Новая
       11

React ax ios Ошибка: запрос отменен для запроса на удаление в Firefox, но не в Chrome

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

У меня были проблемы с моими запросами на удаление, не работающими в Firefox, только с указанием информации "Запрос об ошибке прерван". Все остальные запросы работают нормально, но на Firefox запрос на удаление не работает. Я проверил его на chrome, и он отлично работает. 

import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import axios from 'axios';

  const Buyer = props => (
    <tr>
      <td>{props.buyer.firstName} {props.buyer.lastName}</td>
      <td>
        <Link to={"/buyeredit/"+props.buyer._id}>edit</Link> | <a href="/buyer" onClick={() => { props.deletebuyer(props.buyer._id) }}>delete</a>
      </td>
    </tr>
  )

  export default class BuyerList extends Component {

    constructor(props) {
      super(props);  
      this.deletebuyer = this.deletebuyer.bind(this);  
      this.state = {buyers: []};
    }

    componentDidMount() {
      axios.get('http://localhost:5000/buyer/')
       .then(response => {
         this.setState({ buyers: response.data });
       })
       .catch((error) => {
          console.log(error);
       })
    }

    deletebuyer(id) {
      axios.delete('http://localhost:5000/buyer/'+id)
        .then(res => console.log(res.data))
        .catch(err => console.log("Oops, there was an error with deleteing please fix this asap, thx only works in chrome for some reason :"+err));  
        this.setState({
        buyers: this.state.buyers.filter(el => el._id !== id)
      });
    }

    buyerList() {
      return this.state.buyers.map(currentbuyer => {
        return <Buyer buyer={currentbuyer} deletebuyer={this.deletebuyer} key={currentbuyer._id}/>;
      })
    }

Редактировать: Я также проверил запрос в почтальоне, и он отлично работает.

...