typescript에서 인라인으로 타입지정 하는방법이 궁금하네요..

Question

작동하는데는 문제가 없지만....빨간 언더라인이 신경쓰이네요.저런식으로 많이 사용하는데(특히 class나 style 설정할때)type을 따로 만들지 않고 인라인 형태로 type 지정하는 방법이 있을까요?

인성 절구로 빻음 · Answer

const obj: Object &#61; { true: 'table-active', } const index &#61; 7 const i &#61; 7 // 1 const value: string &#61; obj[String(index &#61;&#61;&#61; i)] console.log(value) // 2 console.log({ true: 'table-active', }[String(index &#61;&#61;&#61; i)])

인성 절구로 빻음 · Answer

가독성 좋지 않은데:class &#61; &#34;{'table-active': (index&#61;&#61;&#61;i)}&#34;이렇게 변경하시는건 어떠한가요? https://v2.vuejs.org/v2/guide/class-and-style.html#Object-Syntax

우주밍 · Answer

답변 감사합니다. 가독성이 ㅋㅋㅋㅋㅋ토글처리는 답변주신것처럼 처리 가능하겠네요. :class&#61;&#34;{ true: 'table-active', false: 'table-unactive'}[nowIndex &#61;&#61;&#61; i]&#34; false 조건에 따른 class 처리가 추가될 여지가 있어서 저렇게 코딩하긴 했는데......우선 :class&#61;&#34;{ 'table-active': nowIndex &#61;&#61;&#61; i }&#34; 이렇게 처리하고 추후에 고민해 봐야겠습니다.

인성 절구로 빻음 · Answer

:class&#61;[ index &#61;&#61;&#61; i ? 'table-active' : 'table-unactive']이렇게도 가능합니다 https://v2.vuejs.org/v2/guide/class-and-style.html#Array-Syntax

우주밍 · Answer

아!!저 생각을 못했네요...감사합니다~^^

typescript에서 인라인으로 타입지정 하는방법이 궁금하네요..

5개의 답변

Q&A 목록