Fragments donnant une erreur de jeton inattendue dans React 16.2

Question

J'ai le composant suivant qui rend une série de composants. Cependant, j'ai téléchargé React 16.2 et j'ai essayé d'utiliser des fragments au lieu de divs, mais j'obtiens l'erreur suivante:

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

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

Pourquoi est-ce que j'obtiens cette erreur quand les fragments sont censés pouvoir remplacer les divs dans React 16.2?

  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

Selon la documentation , la syntaxe <></> n'est pas pris en charge par tous les outils et vous encourage à utiliser <React.Fragment> au lieu

Vérifiez ceci la documentation sur la prise en charge de la syntaxe des fragments