在React中将props传递给组件的正确方法是什么？

Question

我想知道哪个是更好的方法或将道具传递给组件的“正确方法”，在对象或普通道具中：

普通道具：

{ 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，但仍然不想单独写道具，你可以使用传播符号：

＆＃13;

＆＃13;

<MyComponent {...item} />

＆＃13;

＆＃13;

＆＃13;