react Warning: validateDOMNesting(...): ＜p＞ cannot appear as a descendant of ＜p＞.

错误

Warning: validateDOMNesting(…):

cannot appear as a descendant
of

.

原因

react 在解析dom元素的时候，解析出来的结果如下所示：

<p>
	<div>xxxx</div>
</p>

而对于p标签，只能包裹内联元素, 不能包裹块级元素。

解决办法

修改p标签内的html元素为内联元素