react img引入变量

1.import 方法
import imgURL from ‘./…/images/photo.png’;

2 require方法 这种方法需要注意的是,require里只能写字符串,不能写变量。

require方法不能引入变量,这是个坑

require方法引入变量
react img引入变量_第1张图片
react img引入变量_第2张图片
数组

 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>

你可能感兴趣的:(react)