如何使图像可点击

时间:2017-11-08 20:50:12

标签: reactjs bootstrap-4

<div className="col-lg-3 col-md-3">
    <li>
      <img src='https://i.imgur.com/fe0T4nw.png' onClick="https://arizonaatwork.com" />
    </li>
</div>

在我的项目中,我正在导入图像,并且在onclick上我希望图像将它们带到URL。我怎么能这样做?

2 个答案:

答案 0 :(得分:1)

您可以使用a代码:

<li><a href='https://arizonaatwork.com'><img src='https://i.imgur.com/fe0T4nw.png'/></a></li>

答案 1 :(得分:0)

工作示例: 您需要在图像

之前添加“a”标记
<div className="col-lg-3 col-md-3">
<li>
  <a href="https://i.imgur.com/fe0T4nw.png"><img src='https://i.imgur.com/fe0T4nw.png' onClick="https://arizonaatwork.com" /></a>
</li>