为什么es6传播行为会在对象和React组件之间发生变化？

如何解决为什么es6传播行为会在对象和React组件之间发生变化？

我试图了解为什么es6对象传播行为在对象之间不同以及何时在React组件中使用它来传播道具。

以下对我来说很有意义：

const a = {
  a:1,b:2
}

const c = {...a}

现在，变量c具有与变量“ a”相同的属性，但键值对的格式为a：1，b：2。

这没有道理：

<Mycomponent {...a} />

将道具变成"a={1} b={2}"。为什么它以这种方式而不是键值对a:1,b:2的通常方式？

我想了解为什么会这样，所以我可以更好地理解语言。

我看过一些教程和文章，它们解释了两种情况下传播的工作原理，但是我没有找到答案来解释为什么传播不同？

解决方法

将道具变成“ a = {1} b = {2}”。为什么它会以这种方式而不是键值对a：1，b：2的通常方式？

但是 正在做a：1和b：2的键/值对。以下代码...

<Mycomponent a={1} b={2} />

...告诉反应以创建看起来像{ a: 1,b: 2 }的props对象。而且，当您使用传播语法时，它还会 告诉React创建一个看起来像{ a: 1,b: 2}的props对象。