Ошибка Babel: значение JSX должно быть выражением или цитированным текстом JSX

Я получаю ошибку от Babel при попытке скомпилировать мой JSX-код в JS. Я новичок, чтобы так извиниться, если это очевидная проблема, я не смог найти ничего об этом, что казалось связанным. Я пытаюсь использовать реквизит в этом фрагменте кода и передаю ссылку pageTitle моему компоненту FieldContainer. Это дает мне проблему, хотя это не позволяет компиляции кода JS. Я обнаружил в своем поиске, что значения prop должны быть переданы между {}, но добавление их не помогло. Есть идеи? Спасибо!

Ответ 1

Трудно сказать, что вы пытаетесь сделать здесь, но, как говорит ошибка, значение атрибута должно быть выражением {foo} или цитированным текстом "foo".

В этом случае

Child={<LoginForm />}

или

Child={LoginForm}

вероятно, то, что вы хотите.

Ответ 2

Я получил эту ошибку, потому что не смог процитировать свойство внутри JSX:

<span aria-hidden=true ...

должно быть

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