Javascript 进口有条件反应

我有一个简单的javascript网站。我正在用webpack导入一个react组件，并在网站中使用它。 问题是，只有在导入react（全局）时，组件才会工作。 我只是偶尔使用这个组件一次，所以我只想在需要时导入react。 我对这样一件事很感兴趣：

if（某些条件）{import react and import my component}

我怎么能这样做？

---

谢谢

您可以像这样进行动态导入：

（异步（）=>{
如果（某件事）{
导入（'/modules/my module.js'）
。然后（（模块）=>{
//对模块做些什么。
});
}
})();

来源：

您可以使用

if（条件）{
我保证([
导入（“反应dom”），
输入（“反应”），
导入（“路径/到/组件”），
])
//如果对组件使用命名导出，只需使用名称而不是默认值`
.then（（[{render}，{createElement}，{default:Component}]）=>{
//选择要渲染的元素
让root=document.getElementById（“root”）；
//渲染组件
渲染（createElement（Component），根）；
});
}