title: React component, unexpected token error
body: <p>I am trying to create a basic stopwatch app, I'd like to tidy up my render function by putting markup into different methods, like this:</p>
  
  <pre><code>export default class stopwatch extends Component {
   render() {
   return &lt;View style={styles.container}&gt;
    &lt;View style ={[styles.header, this.border('yellow')]}&gt;
     &lt;View style={this.border('red')} &gt;
       &lt;Text&gt;
       00.00.00
       &lt;/Text&gt;
       &lt;/View&gt;
     &lt;View style={this.border('green')} &gt;
        {this.startStopButton()}
        {this.lapButton()}
     &lt;/View&gt;
    &lt;/View&gt;
   &lt;View styles={[style.footer, this.border('blue')]}&gt;
    &lt;Text&gt;
      List of Laps
    &lt;/Text&gt;
   &lt;/View&gt;
  },
  </code></pre>
  
  <p>I'd like to tidy up my render function by putting markup into different methods, like this:</p>
  
  <pre><code>startStopButton: function(){
  return &lt;View&gt;
            &lt;Text&gt;
              Start
            &lt;/Text&gt;
          &lt;/View&gt;
  },
  lapButton: function(){
       return &lt;View&gt;
          &lt;Text&gt;
            Lap
          &lt;/Text&gt;
        &lt;/View&gt;
   }
  
  
  };
  </code></pre>
  
  <p>However, I keep getting the error, Unexpected Toekn line 27 which is this line</p>
  
  <pre><code> startStopButton: function(){
  return &lt;View&gt;
  </code></pre>
  
  <p>Any ideas whats wrong with it? </p>