기술

react에서 rendering하고 싶지 않아요

조회 148

profile picture

익명

2022년 10월 18일

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

구체적이고 정성스러운 질문에 Up 투표를 눌러주세요.

설명이 부족한 질문에 Down 투표를 눌러주세요. 커리어리가 질문자에게 수정을 요청할게요.

답변 2

엄홍재님의 프로필 사진

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

강병진님의 프로필 사진

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

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직 개발자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직 개발자들의 명쾌한 답변을 얻을 수 있어요.