能否在NodeJS后端环境中使用JSX构建XML？

JSX从来不是React或者前端渲染的专属能力，本质就是个可以自定义编译目标的语法糖，后端完全可以脱离React的前端运行时用它生成任意标记结构，包括XML，体验比手拼模板字符串好太多。
我们团队之前也长期用模板字符串拼XML，踩过一堆标签漏闭合、特殊字符没转义、条件判断多拼空格/换行的坑，换JSX类方案之后这类低级问题基本绝迹。

可直接落地的方案选型 #

• 零额外学习成本：直接用JSX渲染XML
  不需要引入完整的React依赖，只要配好Babel或者TypeScript的JSX编译规则，把JSX的编译目标指向轻量的标记生成函数就行，写的时候和前端写React组件没有任何区别：天然支持条件判断、数组map遍历、组件拆分复用，渲染的时候自动做XML特殊字符转义，输出的字符串天然符合XML格式规范。
  写法参考：

  // 拆分可复用的XML片段，和前端组件逻辑一致
  const OrderItem = ({ item }) => (
    <item>
      <sku>{item.sku}</sku>
      <count>{item.count}</count>
      {item.discount ? <discount>{item.discount}</discount> : null}
    </item>
  )
  
  const OrderXml = ({ order }) => (
    <order>
      <orderId>{order.id}</orderId>
      <amount>{order.totalAmount}</amount>
      <itemList>
        {order.items.map(item => <OrderItem key={item.sku} item={item} />)}
      </itemList>
    </order>
  )
  
  // 直接输出合法XML字符串，不需要自己处理转义、闭合
  const xmlStr = renderToString(<OrderXml order={currentOrder} />)
  

  注意别选需要引入完整ReactDOM服务端渲染的方案，太重了，后端生成XML不需要虚拟DOM diff、事件绑定这些前端能力，选专门做静态字符串生成的轻量JSX库就行，性能开销可以忽略。
• 不想配JSX转译：选标签式逻辑模板
  如果项目里不方便加JSX编译配置，也可以选和JSX体验接近的模板引擎：优先挑原生支持在标签里写条件、循环逻辑，支持组件片段复用，自带语法校验和自动转义的，写的时候编辑器能做标签补全、错误提示，比在模板字符串里嵌三目、嵌套数组join靠谱很多。

选型避坑点 #

• 必须选自带特殊字符自动转义能力的，从根源上避免XML注入、格式非法的问题
• 优先选支持TypeScript类型校验的，标签名、属性值、传参写错了编译阶段就能报错，不用等上线后解析XML才发现结构不对
• 团队已经熟React/JSX的话直接上轻量JSX方案就行，学习成本为零，逐块替换原来的模板字符串逻辑就行，改造成本极低

内容的提问来源于stack exchange，提问作者Thijmen