next.js默认loading.js，将loading.js应用到子页面

goucqfw6 于 12个月前发布在其他

关注(0)|答案(1)|浏览(169)

有没有办法添加一个默认的loading.js文件？比如，在应用程序路由中添加一个loading.js，它适用于所有的子页面？
我可以将loading.js添加到兄弟页面. js中，但loading.js不适用于该路由段下的其他页面。

1条答案

如果您不介意在目录中乱丢存根文件，那么一个解决方案是从共享的loader.js文件导入并重新导出它。
app/loading.tsx：

export default function LoadingScreen() {
    return <>{/* your loading state here */}</>
}

字符串
app/subdir/loading.tsx个

import LoadingScreen from "../../loading";

export default LoadingScreen;

型