onClick循环匹配API属性/产品-ReactJS

我试图用ReactJS为手机建立一个假冒产品页面。

1. 我有一个简单的react应用程序 API数据以状态存储 在App.js中,(不是数据库或AXIOS请求)。
2. 本州电话
3. 并将此数据传递给名为 黄金.js
4. 然后我可以循环浏览我的数据。

当用户点击手机颜色时,例如金色、灰色或银色,我希望页面上的所有状态数据都发生变化。我在用手淫。

以下是应用程序当前的工作方式: https://codesandbox.io/s/kpo51ppxv

到目前为止,我已经切片了我的数据。切片(0,1),只让第一个产品出现在页面上。。。

Ps-不知道为什么图片没有出现在链接中,但它们在资源中。。。我还对所有内容进行了日志记录,以便您可以查看控制台。