React 16.2で予期しないトークンエラーを与えるフラグメント

Question

一連のコンポーネントをレンダリングする次のコンポーネントがあります。ただし、React 16.2をダウンロードし、divの代わりにフラグメントを使用しようとしましたが、次のエラーが表示されます。

Error in ./src/containers/answers.js
Syntax error: Unexpected token (24:5)

  22 |     
  23 | return (
> 24 |     <>
     |      ^
  25 |       {AnswersCard}
  26 |     </>
  27 |    )

フラグメントがReact 16.2のdivを置換できると想定されているときにこのエラーが発生するのはなぜですか？

  question ? 
    AnswersCard = ( question.answers.sort(function(a,b) { return (a.count < b.count) ? 1 : ((b.count > a.count) ? -1 : 0)} 
    ).map(answer =>  
    <Answer key={answer.id} answer={answer} questionId={question.id} />
    )) : AnswersCard = ( <p>Loading...</p> )

return (
    <>
      {AnswersCard}
    </>
   )
  }
}

Answer 1

ドキュメント に従って、構文<></>はすべてのツールでサポートされているわけではなく、<React.Fragment>代わりに

thisフラグメント構文のサポートに関するドキュメントを確認してください