如何使用Babel-Register使用Require动态加载组件

Question

我正在使用babel-register在节点环境中使用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; ，假设该组件默认导出。