react 引用本地js_将本地文件中的json数据加载到React JS中

我有一个React组件，我想从文件中加载JSON数据。即使我将变量 数据 创建为全局变量，控制台日志当前也不起作用

'use strict';

var React = require('react/addons');

// load in JSON data from file

var data;

var oReq = new XMLHttpRequest();

oReq.onload = reqListener;

oReq.open("get", "data.json", true);

oReq.send();

function reqListener(e) {

data = JSON.parse(this.responseText);

}

console.log(data);

var List = React.createClass({

getInitialState: function() {

return {data: this.props.data};

},

render: function() {

var listItems = this.state.data.map(function(item) {

var eachItem = item.works.work;

var photo = eachItem.map(function(url) {

return (

{url.urls}

)

});

});

return

• {listItems}

}

});

var redBubble = React.createClass({

render: function() {

return (

);

}

});

module.exports = redBubble;

理想情况下，我希望这样做，但它不起作用-它尝试在文件名的末尾添加 “ .js” 。

var data = require('./data.json');

最好的方式，最好是“反应”方式的任何建议，将不胜感激！