목록TypeScript (1)
React Props 제한하기: & 와 | 연산자 활용
React Props 제한하기: & 와 | 연산자 활용 상황 예를들어 A라는 prop이 있을 때, B라는 prop을 가졌으면 좋겠고, C라는 prop이 있을 때, D라는 prop을 가졌으면 좋겠다. 다음과 같이 하면 제한이 되지 않는다. import React from "react"; /** * 상황 1 * money가 won or dollor 값을 가지고, won일때는 KR이라는 prop이, dollar일 때는 US라는 prop이 오기를 기대한다. */ type ChildProps = { name: string; money: "won" | "dollar"; KR?: string; US?: string; }; const Child = ({ name, money, KR, US }: ChildProps) =..
TypeScript
2023. 8. 5. 13:07