REACT TS 구성 요소 래퍼에서 사용자 정의 소품과 기본 소품을 결합하는 원활한 방법이 있습니까?

Question

입력, 버튼, 양식 등의 기본 기능을 확장하는 여러 구성 요소가 있지만 팀에서 필요할 때 모든 이벤트 핸들러와 소품을 포함해야 하는 것은 지루한 작업입니다.

저는 단순히 컴포넌트 prop 유형이 네이티브 prop 유형을 확장하도록 만든 다음 객체 전파를 사용하여 모든 네이티브 prop을 자동으로 적용해 보았습니다. 다음 문제는 맞춤 props가 지원되지 않으며 기본 요소에 적용되어서는 안 된다는 것입니다.

이 문제를 해결하기 위해 제가 찾은 유일한 해결책은 {customProp1, customProp2, ...nativeProps}와 같이 구성 요소 매개 변수에 각 맞춤 속성의 이름을 복사하는 것이었습니다. 그러나 이 솔루션은 모든 기본 소품을 추가하는 것보다 훨씬 낫지만 모든 소품을 복제해야 하고 소품을 잃게 됩니다. 나는 props와 지역 변수를 구별하는 데 사용되는 접두사를 좋아합니다.

커스텀 소품에서 기본 소품을 필터링하는 영리한 방법이 있나요?

내가 달성하고 싶은 것의 예:

으아아아

현재 가장 좋은 솔루션은 각 소품 이름을 복사하고 나머지 소품에 스프레드 연산자를 사용하는 것입니다.

으아아아

Answer 1

interface 与 extends를 함께 사용해 보셨나요?

으아아아

그렇지 않으면 기본 버튼 소품을 중첩할 수 있습니다.

으아아아