HWI's Devlog
article thumbnail
React(Next.js), Styled Component 환경에서 버튼을 눌렀을 때 특정 컴포넌트가 보이게 하는 방법
Dev/React 2022. 6. 25. 18:04

버튼을 클릭했을 때, 특정 컴포넌트가 보이게 하기 어떤 버튼을 사용자가 클릭했을 때, 지정한 컴포넌트가 띄워지게끔 해보자. index.tsx const PageHome = () => { return ( {/* */} {/* */} ); }; export default PageHome; const StyledWrapper = styled.div` width: 100%; height: 100%; min-height: 100vh; padding-bottom: 80px; `; 위 코드에서 버튼은 HomeCategoryFilter 컴포넌트 안에 들어가있고, 그 버튼을 눌렀을 때 보여져야하는 컴포넌트는 HomeConvenienceFilter이다. 관리 되어야하는 상태를 boolean값으로 주어서 false일 때는 ..