reactjs - 警告：validateDOMNesting(...):不能作为react js/cordova 应用程序的后代出现

Question

我正在制作一个反应 js 应用程序。在这个应用程序中，我知道我在标签内有一个标签，如下所示：

<a><a></a></a>

正如您在这些图片中看到的那样，我已经找到了手头的问题。但我无法解决问题。如果有人能帮我一把，我将非常感激。

注释掉的代码是我遇到问题的地方。如您所见，我有一个链接标签，在该链接标签内我有一个下拉标签。下拉菜单导致问题，但我的应用程序需要它。

编辑：

我知道一个 a-tag 不能存在于另一个 a-tag 中，我尝试了几种不同的方法来充分利用下拉列表和链接。正如您在这些新图片中看到的那样，我试图让卡片成为一个组的链接，同时还有一个带有两个选项的下拉菜单，编辑和删除。

这是卡片的样子，三个点是下拉菜单。单击此卡时，它会将我带到“/group/manage/”页面。

这是单击下拉菜单后卡片的外观。

Answer 1

我建议以类似于以下的方式重组您的组件：

<Card>
    <Link>
        {mainContent}
    </Link>
    <Dropdown>
        {dropDownItems}
    </Dropdown>
</Card>

然后使用 CSS 将下拉菜单定位到右上角，主要内容的顶部。