在React中呈现图像数组[副本]

Question

我需要帮助。我一直在搜索类似的帖子，但都没有解决我的问题（imagespool.js）

import React from 'react';
const imagesPool = [
  { src: './images/starbucks.png'},
  { src: './images/apple.png'},
  { src: './images/mac.png'}
];

export default imagesPool;

呈现图像（app.js）：

import React from "react";
import imagesPool from './imagesPool';

const App = () => {
   return (
     <div>
       <img src={imagesPool} />
     </div>
)};

export default App;

Answer 1

您应该循环遍历您的图像，因为src需要图像的字符串位置。

import imagesPool from './imagesPool';

const App = () => {

  return (
     <div>
       {imagesPool.map((imgSrc, index) => (<img src={imgSrc.src} key={index}/>))}
    </div>
)};