javascript - Math.random() 运行多次

Question

我正在制作一个随机图像生成器，它需要显示 14 张随机图像。这是可行的，但是这 14 张随机图像在一次调用中被其他图像替换了 3 次。

我不希望这种情况发生，但我不知道如何阻止这种情况。我认为 math.random() 导致了这个问题，但我不确定。我正在 React.JS

上运行此脚本

我的代码:

for (var g=0; g < 14; g++) {
    var rdmNumber = Math.floor(Math.random() * 14) + 1;
    var imgName = "img_" + rdmNumber +".png";
    var src = "img" + "/" + imgName;
    indents.push(<div className="item-picture" key={c}><img src= {src8}className="item-img" alt="Your possible winnings" /></div>);
}

indents.push 是我调用的输出，显示如下:

{indents}

.gif 正在发生的事情: https://gyazo.com/c576c52a90843a9ab055790610303fe4

提前致谢。

编辑我不需要独特的图像，我只是希望它们保持不变，而不是像 .gif 中所示的那样替换

Answer 1

您可能已在渲染函数中编写了此代码，每次发生更改时都会运行该代码。

尝试在 componentWillMount 中编写此代码。