我有一个用于注册页面的功能组件。我正在尝试为该组件声明 props,以便我可以从另一个组件向其传递适当的值。这就是我正在做的:
export default function SignupPage({mode = 'patient'} : {mode: 'patient' | 'doctor'}) {
{/* CODE FOR SIGNUP PAGE HERE */}
}
Run Code Online (Sandbox Code Playgroud)
正如代码所示,我希望 的默认mode值为patient。它应该始终是 或patient之一doctor。
当我使用 运行此代码时npm run dev,一切正常。当我尝试使用 构建时npm run build,我收到以下错误:
- info Linting and checking validity of types ...Failed to compile.
app/signup/page.tsx
Type error: Page "app/signup/page.tsx" has an invalid "default" export:
Type "{ mode: "patient" | "doctor"; }" is not valid.
Run Code Online (Sandbox Code Playgroud)
我已经尝试了多种方法,例如声明interfaceand typewith …