score:1

Accepted answer

define one state

const [show, setshow] = react.usestate(false);

function

const handlepassinfoshow = (data){
 setshow(true);
 console.log(data);
}

change this to

                        <listgroup>
                            {userinfo.map(item =>
                                (
                                    <>
                                        <listgroup.item key={item.id} onclick={()=>handlepassinfoshow(item)}> 
                                       {item.name}</listgroup.item>                      
                                    </>
                                )
                            )}
                        </listgroup>
                       {show && ( <modalpassinfo
                            modelclose={() => handlepassinfoclose()}
                            modelshow={showpaainfo}
                            //id={item.id}
                            setshowpaainfo={setshowpaainfo}
                         />
                         )}

Related Query

More Query from same tag