Reactjs 在img标签中反应js地图图像

我需要将一些图像映射到一个img html标记中，但当我在图像src中呈现结果时，结果是[Object Object]，我尝试了在web上找到的所有示例，但没有任何帮助。我需要放在img标记中的图像位于img文件夹中，我放在列表中的路径是正确的，我试着在img中设置路径，结果成功了。我的代码是：

Card.js

    import CustomData from './PortfolioList'
    
export default function PortfolioCard(){
return(
    CustomData.map((portfolio, key) => (
        console.log(portfolio),
        <Col key={key}  span={6}>
        <a href="#" className="portfolio-inner">
        <div className='text-container'>
          <div className='text-inner'>
        <h2>
          {portfolio.name}
        </h2>
        <hr style={{width:'30%', marginTop:0}}/>
        <GraphicTag/>
        </div>
        </div>
          <img src={portfolio.img} style={{
            backgroundPosition:' center center',
            backgroundSize:'contain',
            backgroundRepeat: 'no-repeat',
            width:'100%',
            height:'100%',
        }}/>
        </a>
        </Col>
    
        ))
)
}

更新

---

我发现我只能在中找到图像路径http://localhost:3000/static/media/image.jpg. 如果我使用了正确的路径，则图像不会出现。

请删除并提供图像的绝对路径。

请删除并提供图像的绝对路径。

将图像放在公用文件夹中，然后将其指向正确的目录。在您的情况下，图像应该位于

/public/img/

那么你的目标应该是

{
        id: "4",
        name: "Cocktail app",
        type: "Web design",
        img: '/img/sanguis-copertina.jpg',
        }

---

将图像放入公用文件夹，然后将其指向正确的目录。在您的情况下，图像应该位于

/public/img/

那么你的目标应该是

{
        id: "4",
        name: "Cocktail app",
        type: "Web design",
        img: '/img/sanguis-copertina.jpg',
        }

---

在您的公文包列表中，您有指向绝对路径的img，以及带有require（）的img，也许您希望自己先调试最明显的错误（不一致的代码）。我已删除require并尝试使用各种路径，但在您的公文包列表中似乎没有任何效果，您有指向绝对路径的img，和img with require（），可能您希望自己先调试最明显的错误（不一致的代码）。我已删除require并尝试使用各种路径，但似乎没有任何效果。我尝试了您建议的方法，但没有效果，在src中，当我检查对象时，会显示地址，但不显示图像复制图像地址并检查图像地址是否正确。可能你的图像路径不正确，我想。我已经复制了路径，但没有找到图像。idki已经按照您的建议进行了尝试，但它不起作用，在src中，当我检查对象时，会显示地址但不显示图像复制图像地址并检查图像地址是否正确。可能你的图像路径不正确，我想。我已经复制了路径，但没有找到图像。IDK您使用的是什么设置？创建react应用程序？您使用的是什么设置？创建react应用程序？