小编Tha*_*hah的帖子

为了更清楚，基本上我想做的就像亚马逊一样

将有一堆产品，一旦您单击产品，弹出模式中只会显示该产品及其详细信息。

在我的例子中，我在一个数组中存储了 3 个数据，我已经将它映射出来，它创建了 3div 和 3Modal Popup，每个都有按钮。

单击 1st div 的按钮后，我希望该模式仅针对第一个 div 打开。

但是现在当我点击所有 3 模态弹出按钮时。

我是 React 的新手，我可以在 JQuery 和 Javascript 中做同样的事情，但我无法在 React 中实现这一点。

或者有更好的方法吗？就像而不是循环和创建 3modal popup 我们可以只创建一个 modal popup，这将显示正在单击的按钮的特定 div 的数据吗？

我当前的代码：

App.js ，我在哪里创建了数组

Product.Js 它被映射到 3div 并且还有模态弹出窗口

如果你们需要更多细节，请告诉我

谢谢你们。

3 用数组中的数据动态创建的 Div

但是当我单击任何按钮时，所有 div 的弹出窗口都会弹出，这就是问题所在