react 에서 요소 해당 인덱스로 삭제하기 질문있습니다

Question

해당 화면에서 x 버튼을 누르면 state 값중 해당 인덱스를 삭제하고 싶습니다하나만 남기고 전부가 삭제되거나 오작동 합니다귀한 시간 죄송합니다.. 답변 부탁드립니다 감사드립니다 (꾸벅)import { Link } from 'react-router-dom'; import { useState, useEffect } from 'react'; import './Sell.css'; let totalPrice = 0; function SellItem({ item, addPrice }) { let priceUnitCrt = ""; if(item.priceUnit === "WON"){ priceUnitCrt = "\"; }else if(item.priceUnit === "EUR"){ priceUnitCrt = "€"; }; function pdfCheck (){ if(item.pdf.length >= 1){ return( PDF ); }else { return ""; } } return (

{item.title}

{item.summary}

{item}

{priceUnitCrt} {item.price}

); } function Sell0({ items }) { let [PItems, setPItems] = useState([]); /*let [priceInfos, setPriceInfos] = useState([]);*/ /*function addPrice(title, priceUnit, price){ let Dcomma = price.replaceAll(",","") let purePrice = parseInt(Dcomma); let korPrice = ""; let priceUnitCrt = ""; document.querySelector(".prices").classList.add('on'); if(priceUnit == "WON"){ console.log(purePrice + "!") totalPrice += purePrice; priceUnitCrt = "\"; setPrices(prices => [...prices, (priceUnitCrt+" "+price)]); setTitles(titles => [...titles, (title)]); }else if(priceUnit == "EUR"){ korPrice = purePrice * 1479.10; totalPrice += korPrice; priceUnitCrt = "€"; setPrices(prices => [...prices, (priceUnitCrt+" "+price+" ( "+"\"+korPrice.toString().replace(/\B(? [...titles, (title)]); }; for(let i=0; i [...PItems, { title, price: priceUnitCrt + " " + price, bracketKorPrice: bracketKorPrice }]); } function deletePrice(index) { console.log(PItems); setPItems(PItems.splice(index+1, 1)); console.log(PItems); alert(index); } useEffect(() => { document.querySelector("header").classList.add('bk'); document.querySelector("body").classList.remove('request'); document.querySelector("body").classList.remove('main'); document.querySelector("body").classList.remove('login-body'); document.querySelector("body").classList.remove('join-body'); }, []); return (

초분광 장비판매

{items.map((item, index) => { return( ); })}

{PItems.map((item, index) => (

{item.title} {item.price} {item.bracketKorPrice}

))}

Total{": \ "+totalPrice.toString().replace(/\B(?

); } export default Sell0;

fvvvv · Accepted Answer

splice는 제거한 값을 반환합니다.만약 제거만 하고 싶으시다면, 기존 배열을 얕은 복사 후, splice를 적용하고 해당 배열을 set 해주시면 됩니다.https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

몰랑토끼 · Answer

쿼리셀렉터 사용금지

react 에서 요소 해당 인덱스로 삭제하기 질문있습니다

2개의 답변

Q&A 목록