本文主要是介绍Warning:validateDOMNesting(...):<p> cannot as a descendant of <p> 报错解决,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
报错信息:
Warning:validateDOMNesting(...):<p> cannot as a descendant of <p>
报错截图:
这个错误主要就是 html 标签 写法不规范引起的:
p标签内只能包裹内联元素, 不能包裹块级元素 , 代码里出现了 p标签 包裹 块元素的现象 。
比如 :
<p><p></p>
</p><p><div></div>
</p>//等等
解决方案:
知道了原因 当然就知道 修改方案了,根据上面的截图 很轻易知道哪个组件的问题 。
in p (create by VisitInfoDetail) , VisitInfoDetail组件里, 于是我去检查了一下 还真是。
果然是 p里面 包裹了 p。
只需要 把外卖面的 p改成 div 或者 里面的 p改成 行内元素 。
总结:
这个错误归根结底还是 html 代码 不规范 引起的,索引大家尽量规范 html标签 写法。
这篇关于Warning:validateDOMNesting(...):<p> cannot as a descendant of <p> 报错解决的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!