Неожиданный токен в приложении Reactjs на codeandbox
Я получаю ошибку unexpected token on line 5 в проекте responsejs при запуске его через codeandbox. Приложение работает без ошибок, когда я запускаю его на локальном компьютере.
import React, { Component } from 'react';
import Header from '../Header/Header';
import Footer from '../Footer/Footer';
const App = ({ children }) => (
<>
<Header />
<main>
{children}
</main>
<Footer />
</>
);
export default App;<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>Любое предложение, почему я получаю эту ошибку
ОБНОВИТЬ
Здесь это ссылка на codeandbox
Строка 5 - это пустая строка в вашем примере. Вероятно, вам нужно установить опцию использования транспилятора Babel
На моей стороне тестирование вашего кода без какого-либо импорта отлично работает: codeandbox.io/s/033lqz24kv - так что, вероятно, проблема с версией React?
@lumio вот ссылка на codeandbox, у меня проблема с codeandbox.io/s/13m1wyz3pq
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
React Fragments - это небольшая изящная функция, которая была выпущена в конце прошлого года вместе с React v16.2.0.
Попробуйте с обновленной версией реакции:
<script src = "https://unpkg.com/react/umd/react.development.js"></script>
<script src = "https://unpkg.com/react-dom/umd/react-dom.development.js"></script>
согласно response документы многие инструменты еще не поддерживают его, поэтому вы можете явно написать <React.Fragment>, пока инструменты не догонят.
вот ссылка на codeandbox, у меня проблема с codeandbox.io/s/13m1wyz3pq
один раз проверьте конфигурацию вашего веб-пакета и файл конфигурации сервера
попробуйте изменить <> на <div> и соответственно закрыть его.