动态编译并加载reactjs组件文件

Question

我想通过制作script标签或通过ajax在浏览器中动态加载reactjs文件(我不知道哪种方法适合我的场景(

然后我想渲染该文件中的组件，假设我的文件有组件

import React from 'react';
class D11 extends React.Component {
constructor(){
super()
console.log("loaded D1 constructor")
}
render() {
console.log("rendering D1")
return (
<div>
D1 loaded 
</div>
);
}};
export default D11;

在加载之前，我应该用webpack将这个文件编译成js吗？我该怎么做？最好的方法是什么？我想实现这些博客中的动态加载和这个nylas链接

Answer 1

React。悬浮或动态导入是两种可能的选择。