반응형
function HelloWorld() {
const [state, setState] = useState<number>(0);
return (
<Button>
{(() => {
switch (state) {
case 0:
return <Minus size="18" />;
case 1:
return <ArrowDown size="18" />;
case 2:
return <ArrowUp size="18" />;
default:
}
})()}
</Button>
);
}
반응형
'웹_프론트엔드 > React' 카테고리의 다른 글
[리액트] gh-pages 배포 후 새로고침시 404 오류 (1) | 2024.03.17 |
---|---|
[리액트] react-daum-postcode 우편번호 검색 컴포넌트 예시 (0) | 2023.11.23 |
[리액트] 컴파운드 컴포넌트 패턴으로 작성하는 모달 컴포넌트 (+ dialogue 태그 활용) (0) | 2023.09.18 |
[JSX] 조건에 따른 JSX 작성 패턴 - if, switch, object 구조 (0) | 2023.07.19 |
[React.ts] props로 setState 넘길 때 타입 지정하는 방법 (0) | 2022.12.19 |