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