Question

如果我输入图像的路径，则会加载图像：

 <li><a href="#"><img src={require('../images/it.jpg')} />

但如果我动态地从JSON获取图像网址，它就行不通，我得到这个错误错误：找不到模块“。”

const TopMovies = ({tops}) =>(

   <ul>

<li><a href="#"><img src={require(tops.image)} />
</a></li>
    </ul>
    );
};
    export default TopMovies;

Answer 1

来自React Native Image Docs（我知道你的代码不是反应原生的）

为了使其正常工作，必须静态地知道require中的图像名称。

// GOOD
<Image source={require('./my-icon.png')} />

// BAD
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive';
<Image source={require('./' + icon + '.png')} />

// GOOD
var icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png');
<Image source={icon} />

从本地来源获取图像

1 个答案: