React 및 TypeScript - props가 있는 경우 조건부 매개변수 유형을 사용합니다.

Question

React에서는 컴포넌트에 prop이 전달되었는지 여부에 따라 함수 매개변수에 조건부 유형을 설정하려고 합니다.

다음은 예입니다. 다음 구성요소가 있습니다.

으아아아

내가 원하는 것은 "objectKey"가 props로 전달되면, handlerDateChange 함수의 "value" 매개변수 유형이 { [x: string]: Dayjs }가 되고, 그렇지 않으면 value: Dayjs가 되는 것입니다.

이것을 구현하는 방법을 아는 사람이 있나요?

Answer 1

함수 오버로딩을 통해 비슷한 효과를 얻을 수 있습니다.

으아아아

이 방법을 사용하면 DatePicker는 사용자 정의에 따라서만 호출될 수 있지만 구현 부분에서는 handlerDateChange와 objectKey 사이의 연관성을 알지 못하므로 여전히 명시적으로 처리해야 합니다.

DatePicker에 대한 세부 정보가 없으면 DatePicker가 상위 구성 요소의 특별한 경우를 처리하도록 하는 것보다 서명을 사용하고 상위 구성 요소가 DatePicker를 조정하도록 하는 것이 더 낫다고 생각합니다.