Node.js 基于随机选择向react应用程序添加图像

因此，我有一个应用程序，可以从列表中随机选择口袋妖怪，为用户建立一个口袋妖怪团队

我知道如何导入图像以在react应用程序中使用。但是如何使用react向用户提供图像呢？我有精灵目前位于两个不同的地方，因为我试图看看我是否需要从客户端或服务器端发送。但是我的文件结构如下

client/
   src/
     components/
        sprites/
        pokemon.js
server.js
sprites/

当页面加载时，它会从服务器请求一个随机的口袋妖怪。然后执行此代码

<h2>Pokemon</h2> 
              <ul>
                {this.state.pokemon.map(pokemon => 
                  <li key={pokemon.id}> <img src={'./sprites/' + pokemon.name + '.png'} alt={pokemon.name}></img> {pokemon.name} {pokemon.galar_dex} </li>
                )}
              </ul>
              <br/>

Pokemon

{this.state.pokemon.map（pokemon=>
{pokemon.name}{pokemon.galar\u dex}
)}

---

但是没有显示图像，而是显示了alt文本。如何以这种方式向用户提供图像？

您可以这样做