ReactJS基本表示例-SyntaxError：意外的令牌导入

Question

我正在构建一个基本的React Table示例。该示例运行并显示列标题，但没有填充表格。调试器显示：

  

（函数（exports，require，module，__ filename，__ dirname）{import React，{Component} from'react'SyntaxError：意外的令牌导入。

import React, { Component } from 'react';
import ReactTable from "react-table";
import 'react-table/react-table.css';
//import logo from './logo.svg';
//import './App.css';

    class App extends Component {

      constructor(props) {
        super(props);
          const data  =  [{
          name: 'Tanner Linsley',
          age: 26},
         {  friend: 'Jason Maurer',
            age: 23
          }
        ];

        this.state = data;
      }

      render() {
        const { data } = this.state;

        const columns = [{
          Header: 'Name',
          accessor: 'name' // String-based value accessors!
        }, {
          Header: 'Age',
          accessor: 'age',
          Cell: props => <span className='number'>{props.value}</span> // Custom       cell components!
        }, {
          Header: 'Friend',
          accessor: 'friend', // String-based value accessors!
          Cell: props => <span className='number'>{props.value}</span>
        }]

        return (

          <div>
            <ReactTable
              columns={columns}
              data={data}
          />
    </div>

        );

      }  

    }

    export default App;