Babelエラー：JSX値は式または引用されたJSXテキストのいずれかである必要があります

Question

JSにJSXコードをコンパイルしようとするとBabelからエラーが発生します。私はこれが明白な問題であれば、謝罪するように新しくなりました。関連していると思われるものは何も見つかりませんでした。私はコードのこの塊で小道具を使い、FieldControllerコンポーネントにpageTitle小道具を渡そうとしています。これは私には問題を与えていますが、コードをJSにコンパイルすることはできません。私は私の検索で小道具価格が{}の間に渡されるべきであることを発見しましたが、これらを追加すると助けになりませんでした。何か案は？ありがとう！

Answer 1

それはあなたがここでやろうとしているものを伝えるのは難しいのですが、エラーが言うように、属性の値が表現{foo}または引用されたテキスト"foo"でなければなりません。

この場合

Child={<LoginForm />} 

または

Child={LoginForm} 

あなたが望むものと考えられます。

Answer 2

私はJSXの内側にプロパティを引用することができなかったので、私はこのエラーを得た：

<span aria-hidden=true ... 

は

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