[React] Button을 누르면 alert를 띄우기

clean·2023년 6월 26일
0

React

목록 보기
3/7
post-custom-banner

버튼을 누르면 alert를 띄우는 컴포넌트를 만들어보자.

interface ButtonProps {
    name : string;
    content: string;
}
function Button(btnProp : ButtonProps) {
    return (
        <button onClick={()=> {alert(`${btnProp.content}`)}}>{btnProp.name}</button>
    );
}
export default function Interactive() {
    return (
        <div>
            <Button name="play bass" content="즐겁게 베이스를 연주해요!"/>
            <Button name="eat subway" content="서브웨이 햄 존맛탱"/>
        </div>
    );
}

결과:

profile
블로그 이전하려고 합니다! 👉 https://onfonf.tistory.com 🍀
post-custom-banner

0개의 댓글