Reactjs 如何检测过滤器不工作的错误

您好，我使用

过滤器单击“删除”按钮来删除我不需要的数据，但不工作，并且没有任何错误通知，因此我不知道如何检测我的项目

import ColorCards from "./ColorCards";
import React, { useState } from "react";
import data from "./initialState.json";

export default function CardsafterEvents() {
  const [colors, setColors] = useState(data.colors);
  const onRemove = (id) => setColors(colors.filter((color) => color.id !== id));

  return (
    <>
      <ColorCards handleDelete={onRemove} />
    </>
  );
}

从“/ColorCards”导入彩色卡；
从“React”导入React，{useState}；
从“/initialState.json”导入数据；
导出默认函数CardsafterEvents（）{
const[colors，setColors]=useState（data.colors）；
const onRemove=（id）=>setColors（colors.filter（（color）=>color.id！==id））；
返回(
);
}

完整项目链接：
您需要将
颜色
传递给
色卡
元素


CardsafterEvents.js

导出默认函数CardsafterEvents（）{
const[colors，setColors]=useState（data.colors）；
const onRemove=（id）=>setColors（colors.filter（（color）=>color.id！==id））；
返回(
);
}

在
色卡
元素中，不仅使用
初始状态
中的数据，还从其父元素接收
颜色
道具，并优先使用
使用备忘
：


ColorCards.js

/。。。
从“React”导入React，{usemo}；
从“/initialState.json”导入数据；
导出默认函数彩色卡（{colors，handleDelete=（f）=>f}）{
const dataColors=useMoom（（）=>colors | | data.colors，[colors]）；
回报率（…）；
}

这是
您在哪里使用了

颜色状态？我在你的代码里没看到。