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;