无法更改或设置要素集中的要素属性

Question

我正在尝试通过草皮库遍历功能部件集合，并且在每次迭代时，我都会获得一个功能部件，并且我想设置id属性。
但是最后我对所有功能都获得了相同的ID，我不知道代码出了什么问题。 Code link: **https://codepen.io/mohitk1603/pen/wEVWZg**

在浏览器中尝试重现此问题。