reactjs - 有条件地从别处导入组件，如果它不存在

Question

我想知道，是否可以从“客户”文件夹中导入组件，如果它不存在，则从“核心”文件夹中导入它。像这样的东西:

import React, {lazy} from 'react'
const MyComponent = lazy('customerFolder/myComponent').then(
    if (!MyComponent) lazy('coreFolder/myComponent')
)

我知道，这段代码不起作用，但我希望你明白这一点。 :)
我怎样才能做到这一点？也许它是一个 webpack 配置？
我在 webpack 4.43 中使用 react 16.13。
提前致谢。

Answer 1

也许回答有点晚，但你应该捕获这个异常(exception)。

const importComponent= path =>
lazy(() => import(`${path}`).then(comp => comp).catch(err => <p>
 Component not found </p>))

然后你可以像这样使用它:

const Comp = importComponent("./Button");
<Comp onClick={() => alert("Hello World")}>Hello world</Comp>

如果未找到组件，它将返回 Component not found 文本:D