title: Compilation issue with react jsx component
body: <p>With below code I am getting error at line  9<br>
  Syntax error :Unexpected token (9:10)  Can some one tell me the issue with this code and how to fix it. </p>
  
  <pre><code>import React from 'react';
  import {SelectField, MenuItem, getMuiTheme, MuiThemeProvider,Stepper,Step,StepLabel,StepButton,StepContent} from 'material-ui'
      import injectTapEventPlugin from 'react-tap-event-plugin';
      import RaisedButton from 'material-ui/RaisedButton';
      import FlatButton from 'material-ui/FlatButton';
  
      class StepperComponent extends React.Component{
  
          state = {
              stepIndex: 0,
          }
  
          handleNext = () =&gt; {
              const {stepIndex} = this.state;
              if (stepIndex &lt; 2) {
                  this.setState({stepIndex: stepIndex + 1});
              }
          };
  
          handlePrev = () =&gt; {
              const {stepIndex} = this.state;
              if (stepIndex &gt; 0) {
                  this.setState({stepIndex: stepIndex - 1});
              }
          };
  
          renderStepActions(step) {
              return (
                  &lt;div style={{margin: '12px 0'}}&gt;
                      &lt;RaisedButton
                          label="Next"
                          disableTouchRipple={true}
                          disableFocusRipple={true}
                          primary={true}
                          onTouchTap={this.handleNext}
                          style={{marginRight: 12}}
                      /&gt;
                      {step &gt; 0 &amp;&amp; (
                          &lt;FlatButton
                              label="Back"
                              disableTouchRipple={true}
                              disableFocusRipple={true}
                              onTouchTap={this.handlePrev}
                          /&gt;
                      )}
                  &lt;/div&gt;
              );
          }
  
          render() {
              const {stepIndex} = this.state;
  
              return (
                  &lt;div style={{maxWidth: 380, maxHeight: 400, margin: 'auto'}}&gt;
                      &lt;MuiThemeProvider muiTheme={getMuiTheme}&gt;
                      &lt;Stepper
                          activeStep={stepIndex}
                          linear={false}
                          orientation="vertical"
                      &gt;
                          &lt;Step&gt;
                              &lt;StepButton onClick={() =&gt; this.setState({stepIndex: 0})}&gt;
                                  GROUP NAME
                              &lt;/StepButton&gt;
                              &lt;StepContent&gt;
                                  &lt;p&gt;
                                     Add group name and description selection component here
                                  &lt;/p&gt;
                                  {this.renderStepActions(0)}
                              &lt;/StepContent&gt;
                          &lt;/Step&gt;
                          &lt;Step&gt;
                              &lt;StepButton onClick={() =&gt; this.setState({stepIndex: 1})}&gt;
                                  STUDENT
                              &lt;/StepButton&gt;
                              &lt;StepContent&gt;
                                  &lt;p&gt; Add student component here &lt;/p&gt;
                                  {this.renderStepActions(1)}
                              &lt;/StepContent&gt;
                          &lt;/Step&gt;
                          &lt;Step&gt;
                              &lt;StepButton onClick={() =&gt; this.setState({stepIndex: 2})}&gt;
                                  VERIFY
                              &lt;/StepButton&gt;
                              &lt;StepContent&gt;
                                  &lt;p&gt;
                                      Add verify group component here
                                  &lt;/p&gt;
                                  {this.renderStepActions(2)}
                              &lt;/StepContent&gt;
                          &lt;/Step&gt;
                      &lt;/Stepper&gt;
                  &lt;/MuiThemeProvider&gt;
                  &lt;/div&gt;
              );
          }
      }
  
      export default StepperComponent;
  </code></pre>
  
  <p>If I use below alternative syntax then it is not giving me any compilation error but somehow button click event is not working. </p>
  
  <pre><code>constructor(props) {
          super(props);
          this.state = {
              stepIndex: 0,
          };
      }
  
  
      handleNext () {
          const {stepIndex} = this.state;
          if (stepIndex &lt; 2) {
              this.setState({stepIndex: stepIndex + 1});
          }
      };
  
      handlePrev () {
          const {stepIndex} = this.state;
          if (stepIndex &gt; 0) {
              this.setState({stepIndex: stepIndex - 1});
          }
      };
  </code></pre>