Question

JDK 8
React 0.13.1

使用Nashorn渲染ReactJS组件时出现以下错误

Error: Invariant Violation: renderToString(): You must pass a valid ReactElement.

component.js

var Controller = React.createClass({
  render: function() {
    return (React.createElement("div",null,"Hello, World!"));
  }
});

var renderEventsComponentServer = function (eventList) {
  return React.renderToString(Controller);
};

来自Java

Object html = nashorn.invokeFunction("renderEventsComponentServer", events);

但这可以正常使用

var renderEventsComponentServer = function (eventList) {
  return React.renderToString(React.createElement("div",null,"Hello, World!"));
};

结果

<div data-reactid=".19jt6qowty6" data-react-checksum="-706801283">Hello, World!</div>

我显然缺少一些关于ReactJS / Nashorns如何运作的基本信息。

这些是正在加载的JS文件

nashorn.eval(read("assets/js/react.js"));  
nashorn.eval(read("assets/js/react-dom.js"));  
nashorn.eval(read("assets/js/babel.min.js"));  
nashorn.eval(read("assets/js/axios.js"));  
nashorn.eval(read("assets/js/nashorn-polyfill.js"));  
nashorn.eval(read("assets/js/events.js"));

Answer 1

使用

return React.renderToString(React.createElement(Controller, null));

而不是

return React.renderToString(Controller);

做了这个伎俩。

<强> component.js

var Controller = React.createClass({
  render: function() {
    return (React.createElement("div",null,"Hello, World!"));
  }
});

var renderEventsComponentServer = function (eventList) {
  return React.renderToString(React.createElement(Controller, null));
};

Nugget of info：

当我开始尝试将Nactorn的ReactJS用于SSR时，我下载了最新版本的ReactJS，这会导致很多错误，一些弃用被完全删除。我现在正在使用0.13.1，它似乎按预期工作。

具有无效ReactElememt的renderToString的Nashhorn ECMAException

1 个答案: