Я получаю ошибку от Babel при попытке скомпилировать мой JSX-код в JS. Я новичок, чтобы так извиниться, если это очевидная проблема, я не смог найти ничего об этом, что казалось связанным. Я пытаюсь использовать реквизит в этом фрагменте кода и передаю ссылку pageTitle моему компоненту FieldContainer. Это дает мне проблему, хотя это не позволяет компиляции кода JS. Я обнаружил в своем поиске, что значения prop должны быть переданы между {}
, но добавление их не помогло. Есть идеи? Спасибо!
Ошибка Babel: значение JSX должно быть выражением или цитированным текстом JSX
Ответ 1
Трудно сказать, что вы пытаетесь сделать здесь, но, как говорит ошибка, значение атрибута должно быть выражением {foo}
или цитированным текстом "foo"
.
В этом случае
Child={<LoginForm />}
или
Child={LoginForm}
вероятно, то, что вы хотите.
Ответ 2
Я получил эту ошибку, потому что не смог процитировать свойство внутри JSX:
<span aria-hidden=true ...
должно быть
<span aria-hidden="true" ...