import React from 'react'
import { Link } from 'react-router'

const AboutView = () => (
  <div className='container text-center'>
    <h1>This is the about view!</h1>
    <hr />
    <Link to='/'>Back To Home View</Link>
  </div>
)

export default AboutView

@@ -60,34 +60,88 @@
 r'%0A%0A
-const AboutView = () =%3E (%0A
+export class AboutView extends React.Component %7B%0A  render () %7B%0A    return (%0A    
   %3Cd
@@ -182,16 +182,20 @@
 r'%3E%0A    
+   
+ 
 %3Ch1%3EThis
@@ -219,16 +219,20 @@
 w!%3C/h1%3E%0A
+    
     %3Chr 
@@ -238,16 +238,20 @@
  /%3E%0A    
+ 
+   
 %3CLink to
@@ -280,16 +280,20 @@
 %3C/Link%3E%0A
+    
   %3C/div%3E
@@ -293,17 +293,27 @@
  %3C/div%3E%0A
-)
+    )%0A  %7D%0A%7D
 %0A%0Aexport

switch to component class