在 React 中合并数据的最佳方法答案

【问题标题】：Best way to merge data in React在 React 中合并数据的最佳方法
【发布时间】：2021-01-27 07:04:55
【问题描述】：

我正在尝试将以下数据合并为一个，我是新来的反应，所以不太确定。任何想法如何合并这两个数据

var proone =
[
  {
    "brand": null,
    "url": "/product/make-me-purr-leopard-bralette-and-skirt-lingerie-set-s538619"
  }
]

var protwo =
{
  "brand": "MeMoi",
  "url": "/product/memoi-dot-flocked-sheer-tights.html",
}

预期输出：

var prothree =
[
  {
    "brand": null,
    "url": "/product/make-me-purr-leopard-bralette-and-skirt-lingerie-set-s538619"
  },
  {
  "brand": "MeMoi",
  "url": "/product/memoi-dot-flocked-sheer-tights.html",
  }
]

【问题讨论】：

所以proone 总是一个数组而protwo 总是一个对象？
是的，一个是数组，另一个是对象
您可以使用push 函数将元素添加到数组中。文档：developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/…
var prothree = [...proone, protwo];
将循环结构转换为 JSON --> 从带有构造函数 'Array' 的对象开始 | index 6 -> object with constructor 'Object' --- property 'products' 闭合圆圈出现此错误

标签： javascript reactjs

【解决方案1】：

由于 proone 是一个数组，你需要做的就是：

proone.push(protwo);

您需要了解的关于 React 的许多人似乎误解的事情是，您在大多数情况下只使用标准的 javascript。唯一根本不同的是生命周期、状态和道具。

【讨论】：

将循环结构转换为 JSON --> 从具有构造函数 'Array' 的对象开始 |索引 6 -> 具有构造函数“对象”的对象 --- 属性“产品”关闭了圆圈
@devphp 怎么会这样？检查控制台选项卡，它工作正常：codesandbox.io/s/compassionate-minsky-e4sno?file=/src/index.js 你能发布你的代码吗？

【解决方案2】：

我们正在使用 ES6，所以我们可以这样做。请试试这个，希望对你有帮助。

 var proone =
[
  {
    "brand": null,
    "url": "/product/make-me-purr-leopard-bralette-and-skirt-lingerie-set-s538619"
  }
]

var protwo =
{
  "brand": "MeMoi",
  "url": "/product/memoi-dot-flocked-sheer-tights.html",
}

var result = [...proone,protwo];
console.log('result',result)

【讨论】：

将循环结构转换为 JSON --> 从带有构造函数 'Array' 的对象开始 |索引 2 -> 具有构造函数“对象”的对象 --- 属性“产品”关闭了圆圈
尝试使用您的代码出现上述错误
请在这里给我你的脚本是否可能https://jsfiddle.net/

【解决方案3】：

你可以像下面这样使用try。

var proone =
[
  {
    "brand": null,
    "url": "/product/make-me-purr-leopard-bralette-and-skirt-lingerie-set-s538619"
  }
]

var protwo =
{
  "brand": "MeMoi",
  "url": "/product/memoi-dot-flocked-sheer-tights.html",
}

var proneThree = [...proone, protwo]
console.log(proneThree, proneThree.length)

【讨论】：

将循环结构转换为 JSON --> 从具有构造函数 'Array' 的对象开始 |索引 10 -> 具有构造函数“对象”的对象 --- 属性“产品”关闭了循环