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

标签 javascript reactjs

我试图制作一个包含多个图像的页面。我想要的是:当我单击显示的图像时,它应该打开另一个图像及其描述。我的图像存储在本地库中。我在 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/

相关文章:

javascript - 组织结构图

javascript - 用PHP加密;用 CryptoJS 解密

javascript - 将响应 header 从 ngResource 传递到 Controller

javascript - React 将数组从父状态传递到子状态

java - 将日期格式化为字符串,从 bean 到 javascript

javascript - 如何在 vue-cli 上更改 main.js 的路径?

android - React-Native 弹性盒重叠所需的最小高度?

javascript - 将 webpack.dev.config 从 Webpack 1 更新到 4

arrays - 在处于状态的数组中插入值 - React

javascript - React Redux 状态对象属性