反应父组件向子组件传递具有不同名称的道具

Question

抱歉这个可怕的问题名称，我想知道是否有一种标准方法可以为来自不同父母的同一个道具传递不同的值，以及我传播道具的方式是否有问题。

家长 1：

<ChildComponent
prop1={prop1}
prop2={prop2}
paymentProcessingDate={Date.now()}
...passThroughProps
>

具有道具 carServiceDate 的父 2

<ChildComponent
prop1={prop1}
prop2={prop2}
paymentProcessingDate={carServiceAppointment.date}
...passThroughProps
>

Parent1 和 Parent2 都使用 ChildComponent，但需要为 paymentProcessingDate 传入不同的值。 我收到一个错误，即 passThroughProps 的传播将始终覆盖 paymentProcessingDate 但第一次使用或定义 paymentProcessingDate 是在对 ChildComponent 的调用中。 非常感谢任何帮助或建议！

Answer 1

...passThroughProps必须包含paymentProcessingDate的值，因此 TypeScript 抱怨您的 spread prop 将覆盖您明确设置的任何内容。

尝试将点差移到顶部，看看是否可以解决：

<ChildComponent
...passThroughProps
prop1={prop1}
prop2={prop2}
paymentProcessingDate={carServiceAppointment.date}
>

或者，如果可能，从passThroughProps paymentProcessingDate