Babel-Fehler: JSX-Wert sollte entweder ein Ausdruck oder ein in Anführungszeichen gesetzter JSX-Text sein

Question

Ich erhalte einen Fehler von Babel, wenn ich versuche, meinen JSX-Code in JS zu kompilieren. Ich bin neu, um so entschuldigt zu reagieren, wenn das ein offensichtliches Problem ist, ich konnte nichts darüber finden, das verwandt schien. Ich versuche Requisiten in diesem Codeblock zu verwenden und übergebe meiner Property-Komponente eine pageTitle-Prop. Das gibt mir ein Problem, das den Code nicht zu JS kompilieren lässt. Ich entdeckte bei meiner Suche, dass die Prop-Werte zwischen {} übergeben werden sollten, aber das Hinzufügen dieser Werte hat nicht geholfen. Irgendwelche Ideen? Vielen Dank!

Answer 1

Es ist schwer zu sagen, was Sie hier zu tun versuchen, aber da der Fehler sagt, muss der Wert eines Attributs sein Ausdruck {foo} oder zitierten Text "foo".

In diesem Fall

Child={<LoginForm />} 

oder

Child={LoginForm} 

ist wahrscheinlich das, was Sie wollen.

Answer 2

habe ich diesen Fehler, weil ich eine Struktur, die in der JSX zitieren fehlgeschlagen:

<span aria-hidden=true ... 

haben

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