매개변수가 생략된 속성으로서의 구성요소

Question

생략된 속성이 있는 구성 요소여야 하는 속성을 정의하고 싶습니다.

몇 가지 속성이 포함된 유효성 검사 구성 요소가 있습니다.

으아악

입력 컴포넌트가 있습니다.

으아악

그래서 저는 InputProps.validations가 Validation이어야 한다고 정의하고 value prop은 생략하고 싶습니다.

다음과 같이 사용해야 합니다:

으으으으

Answer 1

여기서 달성하려는 목표를 완전히 분명하지 않아서 뭔가 빠졌을 수도 있습니다...

그러나 prop이 특정 속성을 가진 구성 요소여야 한다고 직접 지정할 수는 없습니다. 할 수 있지만 지정하려면 validations：省略 <ValidationProps, 'value'/>，然后代替 {React.cloneElement(props.validations, {value})} 只需实例化您的 <验证检查={props.validations} value={value}/>输入中的

업데이트:

두 구성 요소(입력 및 유효성 검사) 간의 종속성을 원하지 않는 경우 두 구성 요소에서 가져온 세 번째 모듈에서 공유하지 않는 한 props 인터페이스 간에 종속성이 있을 수 없습니다.

이 경우 validations: (value) => ReactElement와 같이 더 추상화하고 유효성 검사를 렌더링 소품으로 만들 수 있습니다. 그런 다음 원본처럼 사용할 수 있지만 "굵은 화살표" 구문이 추가됩니다

으아아아

전화해 보세요 validations(value) 即可实例化，而不是 cloneElement.

이 정말 은 유효성 검사 렌더링 소품에 무엇이든 주입될 수 있기 때문에 너무 많은 유연성을 확보할 수 있을 정도로 추상화되었습니다.