React 引入大量本地图片

Taste
  • 253

使用 import 引入本地图片可以使用但是大量的本地图片如何引入呢,不可能使用 import 一条一条的引入吧,望大神指教

目录结构

目录结构

页面代码

页面代码

图片数据

图片描述

回复
阅读 9.6k
2 个回答
✓ 已被采纳
const requireContext = require.context("./images", true, /^\.\/.*\.png$/);
const images = requireContext.keys().map(requireContext);

你好,我是这样实现的:

clipboard.png
this.state.src是带有后缀名的图片名称,我这里是写了个Img的组件,返回img的标签,
我这里使用require和传入的图片名称来动态的加载需要的图片。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏