反应动力学图像

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>
        )
}