javascript - Codesandbox 上的意外 token ReactJS 应用程序

Question

在通过codesandbox运行reactjs项目时，我收到unexpected token on line 5错误。当我在本地计算机上运行该应用程序时，它不会出现错误。

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>

任何建议为什么我会收到该错误

更新

Here是codesandbox的链接

Answer 1

React Fragments 是去年年底随 React 一起发布的一个简洁的小功能 v16.2.0 。尝试使用更新的 react 版本:

<script src="https://unpkg.com/react/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script> 

根据 react docs许多工具尚不支持它，因此您可能需要显式编写 <React.Fragment>直到工具跟上。