handleRemoveImgButn 應(yīng)該刪除第一個(gè)圖像,但是當(dāng)我單擊handleRemoveImgButn 時(shí),圖像不會(huì)從 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> </> );}
如何從函數(shù)組件中的數(shù)組中刪除圖像
皈依舞
2023-09-21 10:43:35