將prop傳遞到React中的組件的正確方法是什么？

Question

我想知道哪種將對象中的props傳遞給組件或普通props的更好方法或“正確方法”：

普通道具：

{ this.props.data && this.props.data.map((item) => {
  return(
    <MyComponent title={ item.title } thumbnail={ item.thumbnail } />
  )
});
}

或對象：

{ this.props.data && this.props.data.map((item) => {
  return(
    <MyComponent singleItem = { item } />
  )
});
}

我應該使用哪個？

Answer 1

兩者都應該起作用。 但是，如果計划使用shouldComponentUpdate來最大程度地減少重新渲染，並且title或thumbnail都是JS原語，則應分別傳遞它們以利用淺層相等性。

如果您想分別傳遞props但又不想不必單獨編寫道具，則可以使用傳播符號：

 <MyComponent {...item} />