reactjs - 为什么 React 会奇怪地渲染 (段落)标签？

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)正在转换标记以使其有效。