将图像插入react typescript中的数组集的正确方法

rn0zuynd 于 2022-12-24 发布在 TypeScript

关注(0)|答案(2)|浏览(132)

我试着从一个数组中调用一个随机的图像。它调用了它们，但是有一个奇怪的错误，我搞不清楚。它确实调用了它们，但是我不认为这是正确的语法。

export function trumpImage() {
    var trumpSet = [
        <img src="../../public/imgs/animations/trump133.png" />,
        <img src="../../public/imgs/animations/trump15624.png" />,
        <img src="../../public/imgs/animations/trump233.png" />

         

    ];
    
    const trumps = Math.floor((Math.random() * trumpSet.length));
    var randomTrump = trumpSet[trumps];

  
    return (
        randomTrump
    )
}

typescript

来源：https://stackoverflow.com/questions/74890649/proper-way-to-insert-an-image-into-an-array-set-in-react-typescript

2条答案

按热度按时间

8tntrjer1#

你能这样试试吗

export function trumpImage() {
  var trumpSet = [
    "../../public/imgs/animations/trump133.png",
    "../../public/imgs/animations/trump15624.png",
    "../../public/imgs/animations/trump233.png"
  ];

  const trumps = Math.floor((Math.random() * trumpSet.length));

  return trumpSet[trumps];
}

在img标签中任何你想显示的地方使用这个函数，比如，