javascript - 为 react 组件传递 Prop 的最佳方式

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

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