我在loading.js里写了很多东西
我使用App路由器(Next 13)
乐透分量
import { Player } from '@lottiefiles/react-lottie-player';
import LoadingLottie from '@/assets/loading.json';
function LoginLoadingComponent() {
return (
<Player
loop
src={LoadingLottie}
autoplay
style={{ width: '100px', height: '100px' }}
/>
);
}
loading.tsx
'use client';
function loading() {
console.log('test');
return (
<div>
<LoginLoadingComponent />
<h2 className="font-bold text-2xl text-center">채널 분석 중 로딩로딩</h2>
</div>
);
}
我想在加载时使用'@lottiefiles/react-lottie-player'库。
但是lottie组件没有应用'use client'
我不知道还能做什么...
1条答案
按热度按时间8wigbo561#
就客户端组件而言,在
LoginLoadingComponent
之上添加“use client”应该足够了。如果您收到任何特定错误,请相应地更新您的问题。