React.js语法错误导出功能

Question

导出默认函数时，react有一个较小的语法错误

这是代码：

import React from 'react';

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

    const emptyMessage = (
        <p>There are no game yet in your collection.</p>
    );

    const gamesList = (
        <p>games list</p>
    );

    return(
        <div>
            {games.length === 0 ? emptyMessage : gamesList}
        </div>

    );
}

GamesList.propTypes = {
    games: React.PropTypes.array.isRequired
}

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

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

“ =>”所在的位置。我遇到了意外的令牌错误，但是如果将其删除或稍加更改，则会收到一长串其他错误。 有什么建议么？ 使用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;