Javascript 内部链路内的外部链路-反应路由器

我尝试在一个包含内部链接的块中设置一个外部链接，由react路由器管理。 问题是，当我单击外部链接时，我不会重定向到外部链接，而是重定向到块的内部链接

1-这是我的基本代码，没有围绕我的项目的链接：

<li className="projects__item">
    <div className="projects__item-logo">
        <Link to={`projects/${id}`}>
            <img className="projects__item-media" src={Rocket} alt={name} />
        </Link>
    </div>
    <div className="projects__item-entry">
        <h3 className="projects__item-title">
            <Link to={`/projects/${id}`}>
                {name.substr(name.lastIndexOf('/') + 1)}
            </Link>
        </h3>
        <a href="test.com" target="_blank">
            TEST
        </a>
    </div>
</li>

{name.substr（name.lastIndexOf（'/'）+1）}

2-以及我的li周围带有链接的代码，以改进UX：

<Link to={`projects/${id}`}>
   <li className="projects__item">
    <div className="projects__item-logo">
        <Link to={`projects/${id}`}>
            <img className="projects__item-media" src={Rocket} alt={name} />
        </Link>
    </div>
    <div className="projects__item-entry">
        <h3 className="projects__item-title">
            <Link to={`/projects/${id}`}>
                {name.substr(name.lastIndexOf('/') + 1)}
            </Link>
        </h3>
        <a href="test.com" target="_blank">
            TEST
        </a>
    </div>
   </li>
</Link>

{name.substr（name.lastIndexOf（'/'）+1）}

---

请问有人有什么想法吗

我很确定点击事件将由react router处理，而不是由浏览器默认的导航功能处理。有效地点击你所做的链接就像你没有把锚定标签放在那里一样。您可以使用react路由器链接或本机锚定标记。你需要选择其中一个。你能解释一下你为什么要两者兼用吗？是的。问题是，在我的例子中，我实际上有一个项目项块。在这个块中，我有两个项目，一个包含internet链接的项目和一个包含外部链接的项目。为了改进用户体验，我想将内部链接放在projects项块上。