为什么更新对象中的嵌套数组不会触发子组件重新渲染？

问：

在我的 React 应用程序中，我有一个页面，它由项目卡片列表（每个卡片都是一个单独的组件）组成，在每个卡片上，我都有一个从项目的嵌套数组对象渲染的表格。当我通过创建一个具有更新数组的新项并将新的项列表设置为状态来将元素添加到项中的嵌套数组时，它不会触发子组件中表的重新呈现。 这是我拥有的代码的粗略示例：

父组件

const Items = () => {
  // Fetching items in useEffect via API call
  const [itemsList, setItemsList] = useState([]);
  
  // This method is called in this component to add row to an item,
  // but I did not include this part to keep the example concise.
  const addRowToItem = (row, itemId) => {
    setItemsList(itemsList.map((item) => {
      if (item.id === itemId) {
        return {...item, rows: item.rows.concat(row)};
      }
      return item;
    }
  }

  return (
    <div>
      {itemsList.map((item) => (
        <ItemCard item={item} />
      )}
    </div>
  );
}

子组件 （ItemCard）

const ItemCard = (props) => {
  const [item, setItem] = useState(props.item);

  return (
    <div>
      {item.rows.map((row) => (
        // Table row  
      )}
    </div>
  );
}