传递道具的最佳方式

Question

In React Js we can pass component props in two ways:

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

or

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

<Component {...props} />

What variant is better?

Answer 1

Which you prefer? Neither is "right", though I think you're more likely to see the first variant, since it seems to be a bit clearer to pass the props explicitly. The spread params variant is generally used to avoid duplication - if you specify the props on a parent then want to pass them to the child, spelling them out explicitly on the child feels a bit laborious.