У меня есть компонент React, и я хочу загрузить в свои данные JSON из файла. В настоящее время журнал консоли не работает, хотя я создаю переменную datastrong > как глобальную
'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 (
<td>{url.urls}</td>
)
});
});
return <ul>{listItems}</ul>
}
});
var redBubble = React.createClass({
render: function() {
return (
<div>
<List data={data}/>
</div>
);
}
});
module.exports = redBubble;
В идеале я бы предпочел сделать что-то подобное, но он не работает - он пытается добавить ". js" в конец имени файла.
var data = require('./data.json');
Любые советы по наилучшему пути, предпочтительно "Реагирование", будут очень оценены!