使用字符串变量加载图像(需要)不起作用

时间:2018-07-24 19:14:03

标签: reactjs

要求带有字符串变量的图像不起作用:

// working
var texture = require('./images/imag_01.jpg');


// doesn't work
path = './images/imag_01.jpg';
var texture = require(path);

// Error: Cannot find module "."

3 个答案:

答案 0 :(得分:2)

不幸的是,这不是您的错,而是应该的。您必须编写require('image-path')并且括号内不能有变量。

请参阅:https://facebook.github.io/react-native/docs/images.html

答案 1 :(得分:2)

require不接受变量。

但是,如果您正在使用ES6,则可以使用dynamic import() statement进行动态导入。

*更新:2018.11.19 *

React v16.6引入了React.lazy,您可以使用它更轻松地拆分代码。

答案 2 :(得分:0)

This worked for me:

var image_name = 'imag_01.jpg';
var texture = require('./images/'+image_name );