我试图制作一个包含多个图像的页面。我想要的是:当我单击显示的图像时,它应该打开另一个图像及其描述。我的图像存储在本地库中。我在 html 标记 中尝试了 href,但它不会采用本地路径。有什么办法可以实现
我想问的是:
<a href="./Docs/slider images/010.png">
<img src={require('./Docs/spark.png')}/>
</a>
在这里,我无法在点击'spark.png'时打开'010.png'
最佳答案
我猜问题是该位置的空格
。尝试以下方法!
const img = require('./Docs/slider-images/010.png')
const srcImg = require('./Docs/spark.png')
<a href={img}>
<img src={srcImg}/>
</a>
关于javascript - 在 react 中打开一个新图像 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40815672/