react에서 rendering하고 싶지 않아요

Question

React 초보입니다. Typescript와 react를 사용하고 있습니다 상태값을 받아서 카드를 보여주고 안보여주고를 결정합니다. 왜 오류가 날까요??? export default function Card(props: { isActive: boolean }) { const [isActive, setIsActive] = useState(props.isActive); if (!isActive) { return; } return

카드내용

; }

엄홍재 · Answer

안녕하세요 react에서 렌더링 하고 싶지 않을 때에는 return null 혹은 빈 태그를 사용하여 return <></>을 해주어야합니다. 아래처럼 수정해주면 되겠네요! if (!isActive) { return null; }

강병진 · Answer

오류가 어떤 오류인지 말씀 해주시면 더 상세한 답변이 가능하겠지만 지금 추측하기로는 아무것도 리턴하지 않는 부분이 컴포넌트의 리턴 타입과 일치하지 않아서 에러가 발생할 것 같습니다.