styled-components - 임시 소품 피하기

그래서 저는 이 오류가 발생했습니다. 요지는 react가 'prop_whatever'가 알려진 소품(DOM 현명한)이 아니라는 오류를 던지고 있다는 것입니다.

이것은 결국 styled-components 오류입니다.

일어난 일은 논리 계층에서 사용되는 소품이었지만 DOM 요소의 기본 VDOM 표현으로 전파되었습니다.
.withConfig 구조 - 기본적으로 styled-components의 선량한 사람들이 내보낸 연결 함수로, 필드 중 하나가 일종의 필터 함수를 허용하여 이 소품을 전달할지 여부를 결정합니다.

내 기능은 다음과 같습니다.

export function preventTransientPropForwarding(prop: string) {
  return ![/anyPropYouWouldNotLikeToTransfer/].some(regEx => regEx.test(prop);
}

구현은 다음과 같습니다.

const SomeStyleComponentsComponent = styled(Extended3rdPartyComponent).withConfig({
    shouldForwardProp: (prop) => preventTransientPropForwarding(prop),
})``;

API는 전파를 방지하기 위해 props에 $ 접두사를 지정하라고 지시하지만 여전히 수동입니다.

불행히도 이것은 매우 지루하고 수동적입니다. 글로벌 솔루션을 찾으면 저에게 연락하십시오.