小编典典

链接不能显示为链接的后代

reactjs

一个React.js应用发出警告

Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>. 
See Element > a > ... > a.

那是什么意思?您如何预防呢?HTML,HTML5或React.js中的嵌套链接是否非法?


阅读 274

收藏
2020-07-22

共1个答案

小编典典

这意味着:

<a href="1">
    <a href="2"></a>
</a>

是无效的HTML。浏览器将识别出该错误并将其转换为:

<a href="1"></a>
<a href="2"></a>

React会警告您这一点,因为浏览器的修复程序将使实际DOM与虚拟DOM有所不同,从而在React更新内容时导致奇怪的错误。

注意React的警告,不要嵌套<a>标签。

2020-07-22