Skip to content

JSX To HTML 需要兼容标签闭合的情况 #1020

@chenjun1011

Description

@chenjun1011

组件开发时,如果闭合了 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 的开关,可以在处理不完善的场景下关闭该功能

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions