我的组件如下:
const Html = () => (
<html>
<head>
...
</head>
<body>
...
</body>
</html>
);
为了使用SSR(renderToNodeStream)进行流传输,服务器需要首先将初始html作为字符串发送,然后传输正文内容,然后关闭html。如果我按如下所示将其拆分,React将不喜欢它,因为元素没有结束标签。
const HtmlStart = () => (
<html>
<head>
...
</head>
<body>
);
const HtmlMain = () => (
// some content
);
const HtmlEnd = () => (
</body></html>
);
如果我将头部转换为字符串,React将逃避元素中的人字形:
const HtmlStart = () => `<html>
<head>
...
</head>
<body>`;
那么我该如何拆分以上组件以便在流媒体中使用?