为什么React奇怪地渲染<p>（段落）标签？</p>

Question

React使用<p>标记做了一些奇怪的事情。使用相同的标记结构，使用<p>标记与<div>标记会产生截然不同的结果。例如，

var withP = (
    <p>
      withP
      <div />
    </p>
);

var withDiv = (
    <div>
      withDiv
      <div />
    </div>
);

以下是chrome中生成的标记的样子：

Here is a live jsbin demo.

为什么React以<p>的方式呈现<div>？

Answer 1

<p> can not have nested block elements。 Chrome（不是React）正在转换标记以使其有效。