因此，我正在尝试使用 react 和 express 构建购物车。后端运行良好。我正在使用 postman 测试我的端点，它给了我正确的响应。然而，是 react 前端导致了问题。 我正在尝试在已设置为服务器响应的 items 数组上使用 map 函数，但它给了我一个错误：

TypeError: Cannot read property 'map' of undefined

这是我的代码：

Cart.js

import React, { Component } from "react";
import axios from "axios";
import CartItem from "./cart1-item.component.js";
import "bootstrap/dist/css/bootstrap.min.css";
import { throws } from "assert";

export default class Cart extends Component {
  constructor(props) {
    super(props);
    this.state = {
      items: []
    };
  }
  componentDidMount() {
    axios
      .get("http://localhost:4000/cart/")
      .then(response => {
        this.setState({ items: response.data });
      })
      .catch(function(err) {
        console.log(err);
      });
  }

  checkItems() {
    return this.state.items.items.map((currItem, i) => {
      return <CartItem book={currItem} key={i}></CartItem>;
    });
  }

  Calculate = item => {
    return item.qty * item.price;
  };

  render() {
    return (
      <div className="container">
        <div className="row">{this.checkItems()}</div>
      </div>
    );
  }
}

CartItem.js

import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.min.css";

const CartItem = props =>
  props.items.map(item => {
    return <div>{item.title}</div>;
  });

export default CartItem;

以及邮递员对 '/cart' 的响应

{
    "items": [
        {
            "item": "5dd7668f33c21d811b74f403",
            "title": "Modern PHP",
            "price": 25.65,
            "qty": 1
        }
    ],
    "total": 25.65
}

这里也是 server.js 代码我不明白为什么当邮递员给我回复时我的数组是空的，这表明我的端点工作正常。

cartRoutes.route("/").get(function(req, res) {
  var cart = req.session.cart;
  var displayCart = { items: [], total: 0 };
  var total = 0;

  for (var item in cart) {
    displayCart.items.push(cart[item]);
    total += cart[item].qty * cart[item].price;
  }
  displayCart.total = total;

  return res.json(displayCart);
});

cartRoutes.route("/:id").post(function(req, res) {
  req.session.cart = req.session.cart || {};
  var cart = req.session.cart;
  let id = req.params.id;
  Book.findById(id, function(err, book) {
    if (err) {
      console.log(err);
    }
    if (cart[id]) {
      cart[id].qty++;
    } else {
      cart[id] = {
        item: book._id,
        title: book.title,
        price: book.price,
        qty: 1
      };
    }
    res.redirect("/cart");
  });
});

我已经花了一天半的时间试图自己解决这个问题。 任何帮助都将不胜感激。