如何在React中动态需要图像（使用GET请求获取图像）

Question

我有每个用户的个人资料图片。

我从我的数据库列中获取这些图片paths。

然后将它们存储在state中。

const PROFILE_INFO = this.state.PROFILE_INFO;
<img src={require(PROFILE_INFO.ImageURL)} /> // ImageURL /stored_images/b234afaf-ccea-599f-9b3b-3cbf2d669b21.jpg

问题是这不起作用，因为require()只接受STATIC路径。

这种情况发生在我使用时

<img src={ ../..$ {PROFILE_INFO.ImageURL} } />

Answer 1

你不需要require()。你需要的只是url字符串

<img src={PROFILE_INFO.ImageURL} />