타입스크립트 쓰시는 분들 여쭤볼게 있습니다

Question

컴포넌트에 props로 내려주는 데이터를 보통 interface 로 선언을 하더라구요...?근데 props로 내려주는 데이터가 막..[{ age: 1, name: &#34;개발&#34;, firstItems: [{ firstAge: 2, name: &#34;두번쨰&#34;, secondItems: [ { .... .... thirdItems: [...] } ] }] }}위와 같이 리스트 안에 리스트 안에 리스트가 있고 이러면 저 리스트들을 각각 다 선언을 해주는 건가요? 단편적인 예제만 봐서, 객체당 항목이 많고, 리스트 안에 리스트가 있고 그 안에 또 리스트가 있는 경우에는어떤식으로 선언하는 지 본적이 없어서.. 궁금하네요..

Clickin · Answer

다 선언해야지 타입 안정성을 얻을 수 있죠외부 API를 역으로 타이핑하는게 어려우시면 툴의 도움을 받으시면 됩니다.저는 https://transform.tools/json-to-typescript 요 사이트의 도움을 좀 받았었네요

codezzzz · Answer

interface NestItems { age : number, name : string, items : NestItems[] } const data : NestItems[]&#61;[{ age: 1, name: &#34;개발&#34;, items: [{ age: 2, name: &#34;두번쨰&#34;, items: [ { .... .... items: [...] } ] }] }}

LKB · Answer

ChatGPT에 데이터 복붙해서 ts 타입으로 변환해달라고 하면 알아서 만들어줍니다. 편해요

타입스크립트 쓰시는 분들 여쭤볼게 있습니다

3개의 답변

Q&A 목록