Perdón por el terrible nombre de la pregunta, me pregunto si hay una forma estándar de pasar un valor diferente para el mismo accesorio de diferentes padres y si hay algún problema con la forma en que estoy distribuyendo mis accesorios.
Padre 1:
<ChildComponent prop1={prop1} prop2={prop2} paymentProcessingDate={Date.now()} ...passThroughProps >Padre 2 que tiene un accesorio carServiceDate
<ChildComponent prop1={prop1} prop2={prop2} paymentProcessingDate={carServiceAppointment.date} ...passThroughProps >Tanto Parent1 como Parent2 utilizan ChildComponent, pero deben pasar un valor diferente para la fecha de procesamiento de pago. Recibo un error de que la propagación de passThroughProps siempre sobrescribirá la fecha de procesamiento de pago, pero la primera vez que se usa o se define la fecha de procesamiento de pago es en la llamada a ChildComponent. ¡Cualquier ayuda o sugerencia es realmente apreciada!
...passThroughProps debe contener un valor para paymentProcessingDate , por lo que TypeScript se queja de que su accesorio de propagación sobrescribirá lo que establezca explícitamente.
Intente mover la extensión hacia arriba y vea si eso lo soluciona:
<ChildComponent ...passThroughProps prop1={prop1} prop2={prop2} paymentProcessingDate={carServiceAppointment.date} > O, si es posible, elimine la fecha de procesamiento de passThroughProps paymentProcessingDate