在React组件中使用扩展语法时顺序重要吗？

Question

我们正在使用{... Input}的React组件中使用传播算子，它也具有onChange方法，那么我们的自定义onChange是否需要在传播算子之前或之后编写？

在使用点差运算符时，订单重要吗？？在这里进行方法重写吗？

根据性能和语法，它是正确有效的首选书写方式。

<Input type='text' {...input} onChange={onChange} />

或

<Input type='text' onChange={onChange} {... input} /> 

对不起，将2 3个问题混在一起，请不要标记未批准或固定。现在有一天要问的问题，大声笑

我也在寻找在React Component的第一位或最后一位写散布项目的常规做法，是否有任何皮棉规则？

Answer 1

{... Input}也具有onChange方法

然后顺序很重要。后一个覆盖前一个。

这是正确有效的首选写法，用术语性能和语法。

没有性能差异。订单取决于您的需求。如果要覆盖onChange，请使用此：

<Input type='text' onChange={onChange} {... input} /> 

Answer 2

是的，这很重要。

<Input type='text' {...input} onChange={onChange} />

在这种情况下，“输入”内部的“ onChange”方法将被其外部的“ onChange”覆盖。反之则为签证。

我认为您可以根据要覆盖的内容将其放入输入中，如：

input = {...input, onChange}
Or
input = {onChange. ...input}

<Input type='text' {...input}  />