하나의 타입을 사용하지만 이 타입이 어느 경우에는 A로 사용되고 어느 경우에는 B로 사용되는 경우가 있었다
각 경우에 따라 타입을 만들게 되면 넘기게되는 파라미터가 많아지게 되기때문에 굉장히 불편하다
그래서 마지막에 사용하는 컴포넌트에서 해당 타입을 union타입을 확인후 사용할 타입을 정하게 하고싶다
이를 해결할수있는 방법으로 판별가능한 Union타입을 이용하면 된다
위의 예제에선 type가 admin인가 regular인가에 따라서 사용하는 사용하는 타입(인터페이스)을 정하고 있다 ( User.vue의 14번째줄 )
사용한 예제를 참조합니다
참조
https://codesandbox.io/p/devbox/ctnh9p?file=%2Fsrc%2Fcomponents%2FUser.vue%3A12%2C33
https://typescriptbook.jp/reference/values-types-variables/discriminated-union
Nov 2, 2024
Views 30