小编col*_*256的帖子

我下面有一个数组数组。使用ES6，如何获取每个值的计数Good，Excellent并以动态方式将其计数Wow到新数组[{name: Good, count: 4} {name: Excellent, count: 5}, {name:Wow, count:2}]中。我正在尝试使用，Object.assign但是我无法“唯一”地计算出密钥的数量，而我正试图在前端渲染它，因此我需要使用一个数组。我需要使用reduce吗？怎么样？

let k = 0
const stats = {}
const remarks = [
  [{name: "Good"}],
  [{name: "Good"}, {name: "Excellent"}],
  [{name: "Good"}, {name: "Excellent"}, {name: "Wow"}],
  [{name: "Good"}, {name: "Excellent"}, {name: "Wow"}],
  [{name: "Excellent"}],
  [{name: "Excellent"}]
]

remarks.forEach((arr) => {
  arr.map((e) => {
    Object.assign(stats, { [e.name]: k = k + 1 })
  })
})

console.log(stats);

输出：

stats: {Good: 8, Excellent: …

给定以下数据，我如何获取鸟类名称并将其推入（使用添加按钮）到新数组以在另一个div中显示（使用react es6）？因此，基本上，我希望用户从语义下拉列表中单击鸟，然后将其显示在其他div中，例如下面所示。这可能很简单，但是当我使用语义元素时，我似乎找不到办法。我需要使用onChange吗？

我需要在正在导出（反应）的类中执行此操作（只是还没有显示类/构造函数/状态定义）

<div>
    <p>How can i display 'Bird_Name' here?<p>
</div>

<div>
    <p>How can i display 'Bird_Name' here?<p>
</div>