组件开发时,如果闭合了 div 标签,示例:
function Home() {
return (
<div id="a">
<div id="b" />
</div>
);
}
经过 jsx to html 插件处理后,SSR 的渲染结果为 <div id="b" /> , 将这个结果直接交给浏览器渲染,会导致节点错乱。
期望的渲染结果是 <div id="b"></div>
解法:
- 在 jsx to html 插件中需要判断标签是否为自闭合标签,针对非自闭合标签,做补全处理
- 提供 jsx to html 的开关,可以在处理不完善的场景下关闭该功能