Open shren207 opened 2 years ago
const handleDelete = (e) => { console.log(e.target); }; return ( <> <Head> <title>BanThing</title> <meta name="BanThing" content="Order with your foodmate" /> <link rel="icon" href="/favicon.ico" /> </Head> <div className={styles.container}> <div className={styles.container_container}> 가입한 유저 목록 <ul> {userlist.map((el) => { const { nickname, auth } = el; return ( <li key={nickname} onClick={handleDelete}> <div>{nickname}</div> <div>{auth}</div> </li> ); })} </ul> </div> </div> </> );
위와 같이 li 엘리먼트를 클릭하면 이벤트 핸들러 handleDelete가 호출되어 콘솔에 출력되어야 하는데 원하는대로 동작하지 않습니다.
li
handleDelete
// 코드가 들어가도 좋아요!
어떤 에러인가요?
위와 같이
li
엘리먼트를 클릭하면 이벤트 핸들러handleDelete
가 호출되어 콘솔에 출력되어야 하는데 원하는대로 동작하지 않습니다.에러 핸들링 방법
에러 핸들링을 위해 참고한 레퍼런스 링크