为反应组件传递道具的最佳方法

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变体通常用于避免重复 - 如果你在父母上指定道具然后想要将它们传递给孩子，那么明确地将它们拼写在孩子身上感觉有点费力。