我有一个需求,需要从动态文件夹中加载组件。例如,在组件内部我有以下文件夹:
components
-default
-component-one
-component-two
-component-three
-custom
-component-three
假设
componentFolder state
设置为custom
文件夹,那么应该从custom folder
加载。如果在custom folder
中找不到任何组件,则应从default
文件夹加载。我的问题是,我们是否可以递归地导入? function App() {
const [componentFolder, setComponentFolder] = React.useState("default")
const Home = React.lazy(() => import("./components/" +componentFolder+ "/Home"));
return (
<div className="App">
<Suspense fallback="laoding">
<Home></Home>
</Suspense>
</div>
);
}
下面的链接具有与我提出的要求相同的要求 如何在Reactjs中检查特定文件是否存在