Next 13如何将'use client'应用到'loading.js'

yk9xbfzb  于 2023-06-22  发布在  其他
关注(0)|答案(1)|浏览(140)

我在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'
我不知道还能做什么...

8wigbo56

8wigbo561#

就客户端组件而言,在LoginLoadingComponent之上添加“use client”应该足够了。如果您收到任何特定错误,请相应地更新您的问题。

相关问题