Errore Babel: il valore JSX deve essere un'espressione o un testo JSX quotato

Question

Viene visualizzato un errore da Babel durante il tentativo di compilare il mio codice JSX in JS. Sono nuovo a reagire così scusandosi se questo è un problema ovvio, non sono stato in grado di trovare nulla a riguardo che sembrava correlato. Sto tentando di usare oggetti di scena in questo pezzo di codice e passare un oggetto di pagina Titty al mio componente FieldContainer. Questo mi sta dando un problema, però, che non permette al codice di compilare JS. Ho scoperto nella mia ricerca che i valori di prop devono essere passati tra {}, ma l'aggiunta di questi non ha aiutato. Qualche idea? Grazie!

Answer 1

E 'difficile dire che cosa si sta cercando di fare qui, ma come dice l'errore, il valore di un attributo deve essere un'espressione {foo} o il testo "foo" citato.

In questo caso

Child={<LoginForm />} 

o

Child={LoginForm} 

è probabilmente quello che si vuole.

Answer 2

ho ottenuto questo errore perché non sono riuscito a citare una proprietà all'interno della JSX:

<span aria-hidden=true ... 

avrebbe dovuto essere

<span aria-hidden="true" ...