[解決済み] バベルエラーです。JSX値は、式または引用されたJSXテキストのいずれかである必要があります。

質問

JSXのコードをJSにコンパイルしようとすると、Babelからエラーが出ます。私はreactの初心者なので、これが明白な問題であれば申し訳ありませんが、私はそれについて関連すると思われるものを見つけることができませんでした。このコードの塊でpropsを使おうとしていて、FieldContainerコンポーネントにpageTitle propを渡そうとしています。しかし、これには問題があり、コードをJSにコンパイルすることができません。検索してみると、プロップ値は {} しかし、これを追加しても解決しません。何かアイデアはありますか？ありがとうございます。

解決方法は？

何をしようとしているのかがわかりにくいのですが、エラーにあるように、属性の値は式でなければなりません。 {foo} または引用されたテキスト "foo" .

この場合

Child={<LoginForm />}

または

Child={LoginForm}

は、おそらくあなたが望むものでしょう。