带有无效 ReactElement 的 renderToString 的 Nashorn ECMAException
Nashhorn ECMAException for renderToString with invalid ReactElememt
- JDK 8
- 反应 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"));
使用
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));
};
信息块:
当我开始尝试将 ReactJS 与 Nashorn 一起用于 SSR 时,我下载了最新版本的 ReactJS,它抛出了很多错误,一些弃用被完全删除。我现在正在使用 0.13.1,它似乎按预期工作。
- JDK 8
- 反应 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"));
使用
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));
};
信息块:
当我开始尝试将 ReactJS 与 Nashorn 一起用于 SSR 时,我下载了最新版本的 ReactJS,它抛出了很多错误,一些弃用被完全删除。我现在正在使用 0.13.1,它似乎按预期工作。