코드 작성 제대로 한 것 같은데 두번째 탭 누르니까 Uncaught Error: TabContent(...): Nothing was returned from render. 라는 에러를 뿜네요
이놈때문에 한시간을 헤매고 있습니다.
코드입니다
function Detail(props) {
let [alert, setAlert] = useState(true);
let [inputData, setInputData] = useState("");
let [tab, setTab] = useState(0);
어쩌고
Nav className="mt-5" variant="tabs" defaultActiveKey="link-0">
<Nav.Item>
<Nav.Link
eventKey="link-0"
onClick={() => {
setTab(0);
}}
>
Active
</Nav.Link>
</Nav.Item>
<Nav.Item>
<Nav.Link
eventKey="link-1"
onClick={() => {
setTab(1);
}}
>
Option 2
</Nav.Link>
</Nav.Item>
</Nav>
<TabContent tab={tab} />
</div>
);
}
function TabContent(props) {
if (props.tab === 0) {
return <div>0번째 내용</div>;
} else if (props.tab === 1) {
<div>1번째 내용</div>;
} else if (props.tab === 2) {
<div>2번째 내용</div>;
}
}
*VSC 프리티어 때문인지 Nav.Link태그부터 코드가 지저분하게 저장되네요
가독성 똥망 죄송합니다..
