react img引入变量

1.import 方法
import imgURL from ‘./…/images/photo.png’;
<img src={imgURL } />
2 require方法 这种方法需要注意的是，require里只能写字符串，不能写变量。
<img src={require(’./…/images/photo.png’)} />
require方法不能引入变量，这是个坑

require方法引入变量


数组

 newsmanlist: [
        {
            menuName: '工作台',
            id: 'sub1',
            // icon:imgUrl+'management.png',
            icon:'gongzuotai',
            iconActive:imgUrl+'management-selected.png',
            menuUrl: '/main/doublehigh/department',
        }],

循环

<Menu.Item onClick={() => jump(v.menuUrl)} key={v.id}>
                        <img  src={require(`@/assets/img/${v.icon}.png`)} alt=""/>
                        <span>{v.menuName}</span>
                    </Menu.Item>