node.js - 如何使用 require 和 babel-register 动态加载 React 组件

Question

我正在使用 babel-register 在 Node 环境中使用 ES6 类，并希望使用 ReactDomServer 的 require(file_path) 动态加载和渲染 React 组件，但它向我显示以下错误:

“不变违规:renderToStaticMarkup():您必须传递有效的 ReactElement。”

// enable es6
require('babel-register')({
    "presets": ["es2015", "react"],
    "extensions": [".jsx", ".js"]
});

// load component
var testComponent = require(testComponentPath);

console.log(testComponent); // { default: [Function: TestComponent] }

var html = ReactDomServer.renderToStaticMarkup(testComponent);

Answer 1

将您的 require 语句更改为 var testComponent = require(testComponentPath).default;，假设组件是默认导出的。