Данные не сохраняются в массиве корзины при нажатии кнопки «Добавить в корзину» в React и Django

Question

Я следую инструкциям по реагированию и Django и продолжаю сталкиваться с проблемой, когда нажимаю кнопку add to cart.

Массив данных и данные не сохраняются показывают, когда я тестирую в консоль

В действии / cart.js

export const fetchCart = () => {
  return dispatch => {
    dispatch(cartStart());
    authAxios
      .get(orderSummaryURL)
      .then(res => {
        dispatch(cartSuccess(res.data));
      })
      .catch(err => {
        dispatch(cartFail(err));
      });
  };
};

В Layout.js

const mapStateToProps = state => {
  return {
    authenticated: state.auth.token !== null,
    cart: state.cart.shoppingCart,
    loading: state.cart.loading
  };
};

const mapDispatchToProps = dispatch => {
  return {
    logout: () => dispatch(logout()),
    fetchCart: () => dispatch(fetchCart())
  };
};

export default withRouter(
  connect(
    mapStateToProps,
    mapDispatchToProps
  )(CustomLayout)
);

В ProductList.js,

  handleAddToCart = slug => {
    this.setState({ loading: true });
    authAxios
      .post(addToCartURL, { slug })
      .then(res => {
        console.log(res.data);
        this.setState({ loading: false });
      })
      .catch(err => {
        this.setState({ error: err, loading: false });
      });
  };

Кнопка AddToCart In ProductList.js ,

<Button
   primary
   floated="right"
   onClick={() => this.handleAddToCart(item.slug)}
>
   Add to Cart
<Icon name="right shopping bag" />
</Button>