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

猜你喜欢

转载自blog.csdn.net/weixin_44058725/article/details/121692454
p