handleRemoveImgButn 應該刪除第一個圖像，但是當我單擊handleRemoveImgButn 時，圖像不會從 DOM 中刪除。我還嘗試了 setImgs((prevImgs) => prevImgs.filter(img => prevImgs.indexOf(img) !== 0，但它不起作用。下面是代碼。提前感謝您的幫助。import React, { useState, useEffect } from "react";import "./styles.css";import AddImgButn from "./AddImgButn";import RemoveImgButn from "./RemoveImgButn";export default function App() {  const [imgs, setImgs] = useState([]);    const handleAddImgClick = () => {    fetchId();  };  const handleRemoveImgClick = () => {    setImgs((prevImgs) => prevImgs.splice(1));  };  return (    <>      <h1>Catt</h1>      <div>        <AddImgButn onClick={handleAddImgClick} />        <RemoveImgButn onClick={handleRemoveImgClick} />      </div>      <div>        {imgs.map((img, i) => (          <img key={i} src={img} className="cat" alt="cat" />        ))}      </div>    </>  );}