Warning:validateDOMNesting(…):<p> cannot as a descendant of <p> 报错解决

  • Post author:
  • Post category:其他


报错信息:


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标签 写法。



版权声明:本文为weixin_44058725原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。