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}
</>
)
}
}
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