javascript-反应：无法进入选择复选框

我无法选择复选框。你知道怎么了吗？

导出默认函数过滤器（）{

 const category = [{ name: "beaf" },{ name: "chicken" }, { name: "vegetables" },];

  const [cat, setCat] = useState([]);
  useEffect(() => {
    setCat(category);
  }, []);

  const handleChangeC = (e) => {
    const { name, checked } = e.target;
    let tempC = norms.map((c) =>
      c.name === name ? { ...c, isChecked: checked } : c
    );
    setNorms(tempC);
  };
  return (
    <div className="flex flex-col ">
      <div className="mt-3 h-6 text-xs font-bold uppercase leading-8 text-gray-500">
        Filters
      </div>
      <form className="mx-2 w-full flex-1">
        <tbody className=" bg-white my-2 p-1 flex borer border-gray-200 rounded text-gray-500">
          {cat.map((e, index) => (
            <div className="form-check mx-2" key={index}>
              <tr>
                <td>
                  <input
                    type="checkbox"
                    className="form-check-input"
                    name={e.name}
                    checked={e?.isChecked || false}
                    onChange={handleChangeC}
                  />
                  <label>{e.name}</label>
                </td>
              </tr>
            </div>
          ))}
        </tbody>
      </form>
    </div>
  );
}