在节点 js 中将 react 渲染的 html 作为电子邮件正文发送

Question

我有一个反应应用程序。它有两个页面 - AddStatus 和 ViewStatus。两者都是反应组件。

我的要求是 - 我必须每天在特定时间发送一封电子邮件，其中包含在 ViewStatus 屏幕中看到的详细信息。

我可以设置 node-mailer 和 node-scheduler 来做到这一点。但是我如何从后端渲染 ViewStatus 组件。如何获取 viewStatus 屏幕的 HTML。

我尝试在 server.js 中使用 ReactDOMServer 的 renderToString 方法，如下所示，但出现错误

var App = React.createFactory(require('../ViewStatus'))

var p = ReactDOMServer.renderToString(App());

  Error: locals[0] does not appear to be a `module` object with Hot Module replace
ment API enabled. You should disable react-transform-hmr in production by using
  `env` section in Babel configuration. See the example in README: https://github.
 com/gaearon/react-transform-hmr

我想到的另一种方法是使用 react-router，但我不确定如何从后端触发路由。

如何在 server.js 中获取 viewstatus 组件的 HTML

Answer 1

var React = require("react");
var ReactDOMServer = require("react-dom/server");

var MyComponent = React.createClass({
   render: function() {
      return React.DOM.div({}, "Text");
    }
});

var App = React.createFactory(MyComponent)

var html = ReactDOMServer.renderToString(App());

console.log("HTML =\n", html);

输出：

HTML =
 <div data-reactroot="" data-reactid="1" data-react-checksum="-1164111617">Text</div>

对我有用，正如您的错误所说，您的 React Hot Loader 似乎有问题。您的代码似乎没问题。