Erreur Babel: la valeur JSX doit être une expression ou un texte JSX entre guillemets
Je reçois une erreur de Babel lors de la tentative de compilation de mon code JSX dans JS. Je suis nouveau pour réagir donc excuses si c'est un problème évident, je n'ai pas pu trouver quoi que ce soit à ce sujet qui semblait lié. J'essaie d'utiliser des accessoires dans ce morceau de code et de passer un accessoire pageTitle à mon composant FieldContainer. Cela me pose un problème, cependant, qui ne permet pas au code de se compiler vers JS. J'ai découvert dans ma recherche que les valeurs des accessoires doivent être transmises entre {}, mais leur ajout n'a pas aidé. Des idées? Merci!
Il est difficile de dire ce que vous essayez de faire ici, mais comme le dit l'erreur, la valeur d'un attribut doit être une expression {foo} ou texte cité "foo".
Dans ce cas
Child={<LoginForm />}
ou
Child={LoginForm}
c'est probablement ce que vous voulez.
J'ai eu cette erreur car je n'ai pas cité une propriété à l'intérieur du JSX:
<span aria-hidden=true ...
aurait du être
<span aria-hidden="true" ...