打开一个新图像onclick in react

Question

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

我想问一下：

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

此处我无法在点击＆＃39; spark.png＆＃39;

时打开＆＃39; 010.png＆＃39;

Answer 1

我猜问题是该位置的space。请尝试以下方法！

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

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

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