Javascript 为什么我需要展开对象以将其作为React中的道具传递下去？

我在教程中看到了以下代码：

tours.map(tour => {
  return <Tour key={tour.id} {...tour}/>;
})

tours.map（tours=>{
返回；
})

旅游只是一组对象。我是反应的初学者，据我所知，“tour”对象作为道具传递给组件。但是，我不明白为什么你必须用spread操作符单独传递所有键属性值，为什么你不能传递整个对象

---

还有，为什么不需要定义名称？例如：

这基本上是为了简化ES6中的代码编写，同样，请在下面找到一个示例来理解这个概念。 同样要注册键，我们应该使用它来避免丢失键问题异常 //简单例子

function App() {
 return <Hello firstName="Minh" lastName="Nguyen" />;
}
// another example with spread operator
function App() {
  const props = {firstName: 'Minh', lastName: 'Nguyen'};
  return <Hello {...props} />;
 }`

函数应用程序（）{
返回；
}
//另一个使用扩展运算符的示例
函数App（）{
const props={firstName:'Minh'，lastName:'Nguyen'}；
返回；
}`

这也简化了格式。在执行JSX转换为JS时。最后所有道具都转换成键值对象