服务器端对HTML的反应
服务器端对HTML的反应
提问于 2019-06-27 06:11:13
如何配置节点服务器来托管React组件/模板，并在传入props后将HTML输出为字符串？
概念：
const React = require('react');
const { renderToStaticMarkup } = require('react-dom/server');
const sayHello = props => (
return renderToStaticMarkup(<p>Hello, {props.name}!</p>);
)
module.exports = sayHello;这似乎是要做的最简单的事情，但是在NodeJS中很少有文档可以做到这一点。我试过很多不同的webpack/巴别塔插件和node errors，只要你一写jsx，也就是：<p>Hello...</p>。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-06-27 07:00:51
import jsx from '../src/app';
import { renderToString } from "react-dom/server";
function template(reactDom) {
return `
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>React App</title>
</head>
<body>
<div id="app">${reactDom}</div>
<script src="/app.bundle.js"></script>
</body>
</html>
`;
}
app.get("*", function (req, res, next) {
const reactDom = renderToString(jsx);
res.writeHead(200, { "Content-Type": "text/html" });
res.end(template(reactDom));
});jsx是应用程序文件，而不是index.js文件，index.js包含ReactDom.render，这不是必需的。
值得研究一下Next.js
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56781559
复制相关文章
相似问题