title: React - unexpected token, expected ;
body: <p>the error that is thrown out is: Unexpected token, expected; (9:16)
  This points to the first line of the renderNumbers() function. What's wrong with my syntax? I'm a bit confused as to what needs to be changed here to make it work.</p>
  
  <pre><code>import React, { PropTypes } from 'react';
  import {
    StyleSheet,
    View,
    Text,
    TouchableOpacity
  } from 'react-native';
  
  renderNumbers() {
    return this.props.numbers.map(n =&gt;
      &lt;Text&gt;{n}&lt;/Text&gt;
    );
  }
  
  
  export default class Counter extends React.Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;Text style={styles.appName}&gt;
            Countly
          &lt;/Text&gt;
          &lt;Text style={styles.tally}&gt;
            Tally: {this.props.count}
          &lt;/Text&gt;
          &lt;Text style={styles.tally}&gt;
            Numbers: {this.props.numbers}
          &lt;/Text&gt;
          &lt;View&gt;
            {this.renderNumbers()}
          &lt;/View&gt;
          &lt;TouchableOpacity onPress={this.props.increment} style={styles.button}&gt;
            &lt;Text style={styles.buttonText}&gt;
              +
            &lt;/Text&gt;
          &lt;/TouchableOpacity&gt;
          &lt;TouchableOpacity onPress={this.props.decrement} style={styles.button}&gt;
            &lt;Text style={styles.buttonText}&gt;
              -
            &lt;/Text&gt;
          &lt;/TouchableOpacity&gt;
          &lt;TouchableOpacity onPress={this.props.power} style={styles.button}&gt;
            &lt;Text style={styles.buttonText}&gt;
              pow
            &lt;/Text&gt;
          &lt;/TouchableOpacity&gt;
          &lt;TouchableOpacity onPress={this.props.zero} style={styles.button}&gt;
            &lt;Text style={styles.buttonText}&gt;
              0
            &lt;/Text&gt;
          &lt;/TouchableOpacity&gt;
        &lt;/View&gt;
      );
    }
  }
  
  Counter.propTypes = {
    count: PropTypes.number,
    numbers: PropTypes.func,
    increment: PropTypes.func,
    decrement: PropTypes.func,
    zero: PropTypes.func,
    power: PropTypes.func
  };
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#F5FCFF'
    },
    appName: {
      fontSize: 20,
      textAlign: 'center',
      margin: 10
    },
    tally: {
      textAlign: 'center',
      color: '#333333',
      marginBottom: 20,
      fontSize: 25
    },
    button: {
      backgroundColor: 'blue',
      width: 100,
      marginBottom: 20,
      padding: 20
    },
    buttonText: {
      color: 'white',
      textAlign: 'center',
      fontSize: 20
    }
  });
  </code></pre>
  
  <p>Thank you for your help.</p>