Nano JSX
在 Nitro 中使用 nano-jsx 进行服务器端 JSX 渲染。
server.tsx
import { defineHandler, html } from "h3";
import { renderSSR } from "nano-jsx";
export default defineHandler(() => {
return html(renderSSR(() => <h1>Nitro + nano-jsx works!</h1>));
});
服务器入口
server.tsx
import { defineHandler, html } from "h3";
import { renderSSR } from "nano-jsx";
export default defineHandler(() => {
return html(renderSSR(() => <h1>Nitro + nano-jsx works!</h1>));
});
Nitro 会自动检测 server.tsx 并将其作为服务器入口。使用 nano-jsx 的 renderSSR 将 JSX 转换为 HTML 字符串。H3 提供的 html 辅助函数会设置正确的内容类型头。