Javascript 反应平铺组件仅在鼠标中键单击后打开链接

我试图制作单独的瓷砖来显示我的投资组合项目。但奇怪的是，我只能用鼠标中键点击链接，不能用鼠标左键点击。有什么想法吗

import React, { Component } from 'react';
export default class Porfolio extends Component {
  render() {
    let resumeData = this.props.resumeData;
    return (
      <section id="portfolio">
      <div className="row">
        <div className="twelve columns collapsed">
          <h1>Check Out Some of My Works.</h1>
          <div id="portfolio-wrapper" className="bgrid-quarters s-bgrid-thirds cf">
          {
            resumeData.portfolio && resumeData.portfolio.map((item)=>{
              return(
                <div className="columns portfolio-item">
                  <div className="item-wrap">
                    <a href={item.url}>
                      <img src={`${item.imgurl}`} className="item-img"/>
                      <div className="overlay">
                        <a href={item.url}>
                        <div className="portfolio-item-meta">
                          <h5>{item.name}</h5>
                          <p>{item.description}</p>
                        </div>
                        </a>
                      </div>
                    </a>
                  </div>
                </div>
              )
            })
          }
          </div>
        </div>
      </div>
  </section>
        );
  }
}

import React，{Component}来自'React'；
导出默认类Porfolio扩展组件{
render（）{
让resumeData=this.props.resumeData；
返回(
看看我的一些作品。
{
resumeData.portfolio&&resumeData.portfolio.map（（项目）=>{
返回(
)
})
}
);
}
}

您好，如果您谈论的是模态未显示，则应选择

img

not

a

元素

$（'.item wrap'）

而不是

$（'.item wrap a'）

我添加了一个选项，使其在单击时关闭

$('.item-wrap').magnificPopup({

   type:'inline',
   fixedContentPos: false,closeOnContentClick: true,
   removalDelay: 200,
   showCloseBtn: false,
   mainClass: 'mfp-fade'

});

如果你不想在弹出窗口中显示一些东西&你想打开通向github存储库的新页面，你应该删除这个事件监听器，它在click事件中覆盖了a link元素，因为它包含img和a元素

您可以删除放大弹出调用

或者将jq选择器更改为img元素，而不是包含链接的div元素

或者您可以在这里使用class.item wrap将

设置为div
我希望这个帮助是
它没有足够的信息和代码来清楚地了解正在发生的事情。您可以共享更多代码或组件上下文（外部事件和交互）吗？当然，我已经为上下文添加了整个组件，您还想看到其他内容吗？为什么要在另一个标记中嵌套一个标记？一定会很奇怪的！很早以前它就不起作用了，所以我认为覆盖层在掩盖它，显然不是。我要把它拿出来。但如果没有a标签，它仍然无法工作。这里是我的网站，如果你想戳它