React.js语法错误导出函数

Question

在导出默认函数时出现轻微的语法错误

以下是代码：

export default function GamesList({games}) => {

具体来说，这一行引起了问题：

{{1}}

＆＃34; =＆gt;＆＃34;是的。我收到了意外的令牌错误，但是如果我删除它或稍微更改它，我会得到一长串其他错误。有什么建议？使用react.js还是很新的

Answer 1

这里混合了函数声明和箭头函数语法。放下=>：

export default function GamesList({games}) {
    const emptyMessage = …;
    const gamesList = …;
    return …;
}

Answer 2

您需要以下语法;

import React from ‘react’;

const GamesList = ({games}) => (
 <div>My Logic</div>
);

export default GamesList;