javascript - 在 react 中打开一个新图像 onclick

Question

我试图制作一个包含多个图像的页面。我想要的是:当我单击显示的图像时，它应该打开另一个图像及其描述。我的图像存储在本地库中。我在 html 标记 中尝试了 href，但它不会采用本地路径。有什么办法可以实现

我想问的是:

<a href="./Docs/slider images/010.png">
<img src={require('./Docs/spark.png')}/>
</a>

在这里，我无法在点击'spark.png'时打开'010.png'

Answer 1

我猜问题是该位置的空格。尝试以下方法!

const img = require('./Docs/slider-images/010.png')

const srcImg = require('./Docs/spark.png')

<a href={img}>
  <img src={srcImg}/>
</a>