jsx файл не видит разметку

Рейтинг: 0Ответов: 1Опубликовано: 17.03.2023

Вот так выглядит файлПри сборке проекта возникла проблема, не дает в файле jsx разметку сделать. Не знаю, как решить, гуглила, но без особого результата.

Пробовала отключать eslint, думала, в нем проблема, но не помогло. Поиск решений в интернете тоже не помог. А компоненты использовать нужно. Скриншоты прикрепляю Список ошибок

javascript html reactjs xml jsx
Источник: Stack Overflow на русском

Ответы

▲ 0Принят

Нужно заменить литералы {} на (), т.е.:

function Card() {
  return (<div></div>);
};

FYI

https://ru.reactjs.org/docs/introducing-jsx.html#jsx-is-an-expression-too

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return