链接不能作为链接的后代出现 [英] Link cannot appear as a descendant of a link

问题描述

React.js 应用发出警告

A React.js app gives the warning

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

这是什么意思?你怎么能预防呢?HTML、HTML5 或 React.js 中的嵌套链接是否非法?

What does that mean? How can you prevent it? Are nested links illegal in HTML, HTML5 or React.js?

推荐答案

这意味着:

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

是无效的 HTML.浏览器会识别出这一点并将其转换为:

Is invalid HTML. Browsers will recognize this and turn this into:

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

React 会就此警告你，因为浏览器的修复会使实际 DOM 与虚拟 DOM 不同，从而导致 React 更新内容时出现奇怪的错误.

React warns you about this because the browser's fix will make the actual DOM different from the virtual DOM, leading to strange bugs when React goes to update stuff.

注意 React 的警告，不要嵌套 标签.

Heed React's warning and don't nest <a> tags.

这篇关于链接不能作为链接的后代出现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！