Example of HOC shows wrapped components.

content/docs/higher-order-components.md

@@ -108,14 +108,27 @@ class BlogPost extends React.Component {
 
 You can imagine that in a large app, this same pattern of subscribing to `DataSource` and calling `setState` will occur over and over again. We want an abstraction that allows us to define this logic in a single place and share it across many components. This is where higher-order components excel.
 
-We can write a function that creates components, like `CommentList` and `BlogPost`, that subscribe to `DataSource`. The function will accept as one of its arguments a child component that receives the subscribed data as a prop. Let's call the function `withSubscription`:
+We can write a function that creates components, like `CommentList` and `BlogPost`, that subscribe to `DataSource`. The function will accept as one of its arguments a child component that receives the subscribed data as a prop. Let's call the function `withSubscription`
 
 ```js
+
+const CommentList = (props) => (
+    <div>
+      {props.data.map((comment) => (
+          <Comment comment={comment} key={comment.id} />
+      ))}
+    </div>
+);
+
 const CommentListWithSubscription = withSubscription(
   CommentList,
   (DataSource) => DataSource.getComments()
 );
 
+const BlogPost = (props) => {
+    return <TextBlock text={props.data} />;
+}
+
 const BlogPostWithSubscription = withSubscription(
   BlogPost,
   (DataSource, props) => DataSource.getBlogPost(props.id)