multi curying 2 [리액트] HOC 컴포넌트를 만들어보자 #2 (feat.타입스크립트) 2021.06.14 - [개발/리액트] - [리액트] HOC 컴포넌트를 만들어보자 #1 (feat.타입스크립트) [리액트] HOC 컴포넌트를 만들어보자 #1 (feat.타입스크립트) 다음과 같은 컴포넌트가 있습니다. SELECT 버튼을 클릭하면 포트폴리오 적용중...이라는 텍스트와 함께 원형 로딩바가 돌고 일정 시간 후에 랜더링 되는 컴포넌트입니다. 저는 이 컴포넌트를 이런 all-dev-kang.tistory.com 이전글에서 HOC의 경우 하나의 인자만을 받는 것이 규칙이라고 언급하며 리펙토링이 필요함을 말씀드렸습니다. 이번 포스트에서는 말씀드린대로 규칙에 맡게 리펙토링해보도록 하겠습니다. 리펙토링 방법은 아주 간단합니다. 커링함수의 기본 개념을 통해 한번더 감싸주면 되는 것입니다. //기존 커링함수.. 2021. 6. 14. [리액트] HOC 컴포넌트를 만들어보자 #1 (feat.타입스크립트) 다음과 같은 컴포넌트가 있습니다. SELECT 버튼을 클릭하면 포트폴리오 적용중...이라는 텍스트와 함께 원형 로딩바가 돌고 일정 시간 후에 랜더링 되는 컴포넌트입니다. 저는 이 컴포넌트를 이런식으로 구성했습니다. const [loading, setLoading] = React.useState(false); const handleSelectedPF = (portfolio: RRSW) => { setLoading(true); onChangeSelectedPF(portfolio); timer.current = window.setTimeout(() => { setLoading(false); }, 500); }; return ( {!loading ? ( ) : ( )} ) 코드는 필요한 부분만 가져와 간략화하였.. 2021. 6. 14. 이전 1 다음
