Next.js 指定“使用客户端”时出现问题

Question

接下来学习时，我遇到了指定“使用客户端”的问题。

'use client';

import * as S from './style';
import { useRef, useState } from "react";
import MainLayout from "../Layout/index";

const MainPage = () => {
    const [image, setImage] = useState('/blank.png')
    const fileInput = useRef<HTMLInputElement | null>(null)

这句话说得很好

'use client'; 

import MainPage from '@/components/MainPage';
import { css } from '@emotion/react';

export default function Home() {
  return (
    <>
      <MainPage/>
    </>
  );
}

当我尝试使用主页时，出现错误，提示我也必须在此处指定它。 我想知道为什么 查看其他一些代码，我看到了未指定的代码。我也想这么做。

Answer 1

您正在将客户端组件导出到其父组件，该父组件也必须是客户端组件。您需要在主页组件页面上使用“使用客户端”。