react smart vs presentation component

React presentation component :-

	// CommentList.js
	import React from "react";
	const Commentlist = comments => (
	<ul>
	{comments.map(({ body, author }) =>
	<li>{body}-{author}</li>
	)}
	</ul>
	)

view raw presentational_component.js hosted with ❤ by GitHub

React smart component

	// CommentListContainer.js
	import React from "react";
	import CommentList from "./CommentList";
	class CommentListContainer extends React.Component {
	constructor() {
	super();
	this.state = { comments: [] }
	}
	componentDidMount() {co
	fetch("/my-comments.json")
	.then(res => res.json())
	.then(comments => this.setState({ comments }))
	}
	render() {
	return <CommentList comments={this.state.comments} />;
	}
	}

view raw smart_component.js hosted with ❤ by GitHub