Props / State - 2

경고창 만들기

Button/index.tsx

export const Button = ({
        label,
        backgroundColor = '#304FFE',
        hoverColor = '#1E40FF',
        onClick
    } : Props) => {
    return (
        <Container backgroundColor={backgroundColor} hoverColor={hoverColor}
                    onClick={onClick}>
            <Label>{label}</Label>
        </Container>
    );
}

 

App.tsx

<Button label="추가" onClick={()=> alert('추가얼럿')}/>

 

결과

---