React 动态图像

Question

我正在学习反应技术，我是第一个练习我必须像这样放置图像，但是当我使用地图功能放置图像时我没有看到图像:/

image dynamics example

import React from 'react'<br>
import './Style/App.css'


const tabImg = ['./img/html.png', './img/css.png', './img/javascript.png', './img/logo192.png']<br>
const displayImgTech = tabImg.map((tech) => <img key={tech} src={tech}  alt="techno"/>)<br>

export const Header = () => {
        return (
            <div className='container'>
                <img src={displayImgTech}  alt='technoFE'/>
            </div>
        )
}

谢谢

Answer 1

通过在 src img 属性中传递 displayImgTech，您添加的不是 url，而是 img 标签的“数组”。所以你只需要像这样调用{display take in your div：

const displayImgTech = tabImg.map((tech) => <img key={tech} src={tech}  alt="techno"/>)<br>

export const Header = () => {
        return (
            <div className='container'>
               {displayImgTech} 
            </div>
        )
}