传递道具的最佳方式

Question

在React Js中，我们可以通过两种方式传递组件属性：

<Component
  prop1={value}
  prop2="value"
  prop3={this.othervalue}
/>

要么

let props = {
  prop1: value,
  prop2: "value",
  prop3: this.othervalue
}

<Component {...props} />

哪种变体更好？

Answer 1

您更喜欢哪个？ 都不是“正确的”，尽管我认为您更可能看到第一个变体，因为显式地传递道具似乎更加清晰。 通常使用spread params变体来避免重复-如果您在父母身上指定道具，然后要将它们传递给孩子，则在孩子身上明确地拼写出来会很费力。