react.js - 怎么调用动态加载的图片呢

问题描述

问 题

如下图所示，图片路径是从一个对象里面取的，我找了网上的办法，无论用{require({titleData.icon})}还是用下面图片上的写法 都没发读取到图片，但是如果改成写死的{require("../images/icon_home.png")}就可以读取到，想请教下这种正确的写法应该是怎样呢？

大图

解决方案

代码都是经过 webpack 打包, 所以 '../image/xxx.png' 最后都会以字符串形式打包.

只有通过 require('../iamges/xxx.png') webpack 才知道要把 相关图片也一起打包了.
那时候才能找到图片, 否则是不会处理 图片信息的.

可以改成

var imgs = [{
uri: require('../path/to/img.png'),
title: 'title',
alt: 'alt',
}]

这篇关于react.js - 怎么调用动态加载的图片呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！