TypeError：未定义不是一个函数（'... props.items.map ...'附近）

Question

当我尝试从CartItem对象调用值时出现错误。 TypeError：未定义不是一个函数（'... props.items.map ...'附近） 任何帮助将不胜感激。

const OrderItem = (props) => {
  const [showDetails, setShowDetails] = useState(false);

  return (
    <View style={styles.orderItem}>
      <View style={styles.summary}>
        <TouchableOpacity
          style={styles.detailsbtn}
          onPress={() => {
            setShowDetails((prevState) => !prevState);
          }}>
          <Text style={styles.id}>
            {showDetails ? 'Hide Details' : 'Details'}
          </Text>
        </TouchableOpacity>
        
      </View>

      {showDetails && (
        <View style={styles.detailItems}>
          {props.items.map((cartItem) => (
            <CartItem
              key={cartItem.productId}
              quantity={cartItem.quantity}
              amount={cartItem.sum}
              title={cartItem.productTitle}
            />
          ))}
        </View>
      )}
    </View>
  );
};