reactjs – 为什么React奇怪地呈现(段落)标签？

React正在使用< p>做一些奇怪的事情.标签.使用相同的标记结构,使用< p> tag vs a< div>标签产生非常不同的结果.例如,

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

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

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

Here is a live jsbin demo.

为什么React渲染< p>与< div>不同

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