纯 HTML 与 React。相同的内容呈现不均。为什么？
Pure HTML vs React. Same content not rendered equally. Why?
我正在使用 React 0.14 和 Foundation 5.5.2，并且在使用 Foundation 的 button groups 时注意到一件奇怪的事情。当我用纯 HTML 编写它们时，按钮组会填满整个水平 space，但是当我使用 React 编写它们时，它们不会，即使我使用的是完全相同的代码。
我使用了一些 CSS 差异工具，它没有发现两者之间的样式有任何差异。当我检查代码时，我也看不出有什么区别。我也试过不同的浏览器，问题依旧。
我创建了 a JS-fiddle 来显示问题。如您所见，前两个按钮组跨越了整个宽度，但不是由 React 呈现的那个。
.
两者呈现的 HTML 并不完全相同：普通 HTML 中的缩进呈现为 <li> 元素之间的空白，而 React 删除了该空白（它可能来自JSX 转译器）。
在这个 fiddle 上，我通过用 HTML 注释围绕缩进删除了空格，因此它不会再被渲染：
https://jsfiddle.net/3s5mego4/
现在两个输出完全相同。
我正在使用 React 0.14 和 Foundation 5.5.2，并且在使用 Foundation 的 button groups 时注意到一件奇怪的事情。当我用纯 HTML 编写它们时，按钮组会填满整个水平 space，但是当我使用 React 编写它们时，它们不会，即使我使用的是完全相同的代码。
我使用了一些 CSS 差异工具，它没有发现两者之间的样式有任何差异。当我检查代码时，我也看不出有什么区别。我也试过不同的浏览器，问题依旧。
我创建了 a JS-fiddle 来显示问题。如您所见，前两个按钮组跨越了整个宽度，但不是由 React 呈现的那个。
.
两者呈现的 HTML 并不完全相同：普通 HTML 中的缩进呈现为 <li> 元素之间的空白，而 React 删除了该空白（它可能来自JSX 转译器）。
在这个 fiddle 上，我通过用 HTML 注释围绕缩进删除了空格，因此它不会再被渲染： https://jsfiddle.net/3s5mego4/
现在两个输出完全相同。