Next.js组件:错误:错误:此处不允许使用Return语句

Question

当我在Next.js项目中添加一个新组件时，我遇到了一个错误，它给出了以下内容：

`/components/GridMember.js错误：错误：此处不允许返回语句

|6|返回(测试(；|

原因：0:无法处理js文件1:错误是可以恢复的，但继续操作会导致错误的代码生成2:语法错误`

[error][1][1] ：https://i.stack.imgur.com/PU5z5.png

我不确定是什么原因造成的，因为我应该能够归还我所拥有的。我已经将下面的代码粘贴到组件

`从"导入样式/GridMember.module.css'

export default GridMember()
{
return (<div>test</div>);
}`

然后页面有以下内容：

`从"…"导入GridMember/components/GridMember"；；

export default function Work()
{
return(
<div>WORKING
<GridMember/>
</div>
);
}`

欢迎提出任何建议！

Answer 1

您缺少function所以你必须写这样的代码

import styles from './GridMember.module.css'

export default function GridMember()
{
return (<div>test</div>);
}

Answer 2

在其他情况下，下面的代码也"此处不允许返回语句"；。在这种情况下，请检查右大括号。

export default function Work()
{
//..........
}
return(
<div>WORKING
<GridMember/>
</div>
);

export default function Work()
{
//..........
return(
<div>WORKING
<GridMember/>
</div>
);
}