如何在reactjs的购物车列表中检查当前商品是否可用

import React, { useState } from 'react';

const ShoppingCart = () => {
  const [cartItems, setCartItems] = useState([
    { id: 1, name: 'Product 1', isAvailable: true },
    { id: 2, name: 'Product 2', isAvailable: false },
    { id: 3, name: 'Product 3', isAvailable: true },
  ]);

  const checkAvailability = (item) => {
    // 根据一些条件判断商品是否可用
    // 设置商品项的isAvailable属性为true或false
    // 例如：item.isAvailable = checkAvailabilityLogic(item);
  };

  return (
    <div>
      <h2>Shopping Cart</h2>
      {cartItems.map((item) => (
        <div key={item.id}>
          <span>{item.name}</span>
          {item.isAvailable ? (
            <span>Available</span>
          ) : (
            <span>Not Available</span>
          )}
        </div>
      ))}
    </div>
  );
};

export default ShoppingCart;