import React, { Component } from 'react';

import mockData from '../utils/mockData';
import Article from './Article';

export default class Main extends Component {
	
	constructor(props) {
		super(props);
		this.articles = mockData;
	}

	render() {
		return (
			<div className="col-md-8">
				{ this.articles.map(function(article, index) {
					return (
						<Article key={ article.id } article={ article } />
					);
				}) }
			</div>
		);
	}
}
@@ -205,24 +205,37 @@
 %0A%09%09this.
+state = %7B%0A%09%09%09
 articles
  = mockD
@@ -226,18 +226,17 @@
 articles
- =
+:
  mockDat
@@ -236,17 +236,20 @@
 mockData
-;
+%0A%09%09%7D
 %0A%09%7D%0A%0A%09re
@@ -309,16 +309,22 @@
 %09%7B this.
+state.
 articles

set initial state