Неожиданная проблема токена с файлами jsx React-Native

Question

Итак, я только что инициализировал проект React Native на днях и пытался настроить свой eslint, и по какой-то причине я получаю ошибку unexpected token < при возврате моего JSX-компонента без сохранения состояния.

import React from 'react';

const User = () => {
  return (
    <>
      <Text>
        Hello!
      </Text>
    </>
  );
};

export default User

Я расширяю значение по умолчанию @react-native-community, которым инициализируется файл eslintr c. В качестве еще одного примечания я пытался использовать конфигурацию airbnb eslint, что вызывало неожиданную ошибку токена для файлов js и jsx в одном месте. Мне было интересно, знает ли кто-нибудь причину, по которой я получаю эту ошибку. Заранее благодарим за помощь!

Исправлено: Как указано ниже, мое исправление заключалось в установке babel-eslint и установке моего парсера на babel-eslint в файле eslintr c.

Answer 1

Вам необходимо импортировать React.

import React from 'react   
const User = () => {
  return (
    <>
      <Text>
        Hello!
      </Text>
    </>
  );
};

export default User