경고창 만들기
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('추가얼럿')}/>
결과
반응형
'2022 > 리액트+TDD(完)' 카테고리의 다른 글
Props / State - 4 (0) | 2022.01.08 |
---|---|
Props / State - 3 (0) | 2022.01.08 |
Props / State - 1 (0) | 2022.01.05 |
react typescript 기본 테스트 코드 (0) | 2022.01.05 |
TypeScript 적용3 - 절대경로 / Prettier 소개 (0) | 2022.01.04 |