react中如何展示本地图片

1、import xx from '../assets/img/xx.svg' <img src={xx}/>

2、<img src={require('../assets/img/xx.svg')} />

3、当图片从接口返回的并且是本地的图片

const requireContext = require.context("../assets/img",true, /^\.\/.*\.svg$/); const projectImgs = requireContext.keys().map(requireContext);

在渲染的时候遍历这个数组，如果存在这个数据，就选择渲染。