mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-12-12 08:41:31 -05:00
41 lines
1 KiB
React
41 lines
1 KiB
React
|
var React = require('react');
|
||
|
|
||
|
var Api = require('../../mixins/api.jsx');
|
||
|
var News = require('../../components/news/news.jsx');
|
||
|
|
||
|
require('./splash.scss');
|
||
|
|
||
|
var View = React.createClass({
|
||
|
mixins: [
|
||
|
Api
|
||
|
],
|
||
|
getInitialState: function () {
|
||
|
return {
|
||
|
news: []
|
||
|
};
|
||
|
},
|
||
|
componentDidMount: function () {
|
||
|
this.api({
|
||
|
method: 'get',
|
||
|
uri: 'https://gist.githubusercontent.com/thisandagain/4d62ac52b78f76e833bd/raw/a2f4a67ec16d980d2313f3645b30d22acc150d7a/news.json'
|
||
|
}, function (err, body) {
|
||
|
if (err) return;
|
||
|
|
||
|
console.dir(JSON.parse(body));
|
||
|
this.setState({
|
||
|
news: JSON.parse(body)
|
||
|
});
|
||
|
}.bind(this));
|
||
|
},
|
||
|
render: function () {
|
||
|
return (
|
||
|
<div>
|
||
|
<h1>I am the splash page!</h1>
|
||
|
<News items={this.state.news} />
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
});
|
||
|
|
||
|
React.render(<View />, document.getElementById('view'));
|