我有需要从动态文件夹加载组件的要求。例如,我在组件中有以下文件夹
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中是否存在特定文件