我试图制作一个包含多个图像的页面。我想要的是:当我单击显示的图像时,它应该打开另一个带有说明的图像。我将图像存储在本地库中。我在html标记中尝试了href,但是它不会采用本地路径。有什么方法可以实现
我想问一下:
<a href="./Docs/slider images/010.png">
<img src={require('./Docs/spark.png')}/>
</a>
在这里,我无法在单击“ spark.png”时打开“ 010.png”
最佳答案
我想问题是该位置的space
。尝试以下方法!
const img = require('./Docs/slider-images/010.png')
const srcImg = require('./Docs/spark.png')
<a href={img}>
<img src={srcImg}/>
</a>