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

Question

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

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

或

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

<Component {...props} />

哪种变体更好？

Answer 1

你更喜欢哪个？ "right" 也不是，尽管我认为您更有可能看到第一个变体，因为显式传递 props 似乎更清楚一些。 spread params 变体通常用于避免重复 - 如果你在 parent 上指定道具然后想将它们传递给 child，在 child 上明确拼写它们感觉有点费力。

Best way to pass props for react component