>source

이 기능에 약간의 문제가 있습니다. 사용자가 아이콘을 클릭하면 제품 설명이 표시되기를 원합니다. 하지만 클릭하면 전체 장바구니에 대한 설명이 표시됩니다. 내 기능에서 필터를 사용했지만 작동하지 않습니다. 누가 내 code에 무엇이 문제인지 알 수 있습니까? 매우 감사합니다

const Panier= ()=>{
  const [show, setShow]= useState(false)
  const viewMenu= (item)=>{
         panier.filter(t=> {
            if(t.id=== item.id){
                return setShow(!show)
            }else{
                 return setShow(false)
             }
        })
  return(
    <div className='container_command'>        {panier.map((paniers)=>            <ul className='listBurgerPanier' key={paniers.id}>                <div className='container_command_panier_image'>                    <img className='container_command_panier_images' src= {paniers.image} />                </div>                <div className='panier-text'>                    paniers.produit=== "menuBurgerComplet" ?
                        <div>                            <div>                                

Menu { paniers.burger }

<div> <p className='panier-text_menu'>{ parseFloat(paniers.prix * paniers.quantite).toFixed(2) } €

{/* <button onClick={()=> viewMenu(paniers.id)}><GrView /></button>setShow(!show) */} <button onClick={()=> viewMenu}><GrView /></button> </div> </div> <div> { show=== true ? <div> <p className='panier-text_menu'>Sandwich : { paniers.burger }

<p className='panier-text_menu'>Accompagnement : { paniers.accompagnement }

<p className='panier-text_menu'>Boisson : { paniers.boisson }

</div> : " " } </div> </div> </div> </ul> )} </div>) }

설명이 여러 개이므로 하나의 플래그만 사용할 수 없습니다. 이 질문의 답변을 참조하십시오. 기본적으로 하나의 플래그가 아닌 플래그 세트를 사용하십시오.

T.J. Crowder2022-02-05 23:00:12

(나는 대상 질문이 이 질문에 대한 유효한 원본이라고 생각하지만 정식 질문이 아니며 [정규가 있습니까?] 그것에 대한 유일한 대답이 내 것이라는 것을 예리하게 알고 있기 때문에 나는 그것을 속이지 않았습니다. : -D )

T.J. Crowder2022-02-05 23:00:12

또는 한 번에 하나의 항목만 표시하려면 선택한 ID를 저장하고 현재 show=== true인 현재 항목과 비교할 수 있습니다.

DBS2022-02-05 23:00:12

@DBS 답변 감사합니다. 이 솔루션을 시도했지만 작동하지 않았습니다.

tony2022-02-05 23:00:12

@t.j Crowder 답변 감사합니다. 이 솔루션을 시도했지만 작동하지 않았습니다.

tony2022-02-05 23:00:12
  • 이전 sql : Oracle에서 집계를 사용한 조인
  • 다음 c++ : "m" 바이트 수에서 "n" 비트 수 가져오기