语法错误：React App中位置0的JSON中出现意外的令牌m

Question

我是ReactJS的新手，现在正致力于小型项目。我正在尝试从JSON文件加载数据，但是我得到了这个“语法错误：JSON.parse（）中位置0的JSON中的意外标记m”。提前谢谢。

这是我的代码：

import React from 'react';
import dataa from './src/dataa.json';
class App extends React.Component {
constructor() {
  super();

  this.state = {
     data:require('json!./dataa.json')

   }
 }

render() {
  return (
     <div>
        <Header/>
        <table>
           <tbody>
              {this.state.data.map((person, i) => <TableRow key={i} data={person} />)}
           </tbody>
        </table>
     </div>

      );
    }
   }


 class TableRow extends React.Component {
  render() {
    return (
       <tr>
        <td>{this.props.data.id}</td>
        <td>{this.props.data.name}</td>
        <td>{this.props.data.age}</td>
        </tr>
        );
      }
   }

    export default App;

和JSON数据：

[{"id":"1","name":"Smith","age":"20"},
{"id":"2","name":"Jackson","age":"94"},
{"id":"3","name":"Doe","age":"80"},
{"id":"4","name":"Johnson","age":"37"}]