title: Why is there a syntax error in my React component class?
body: <p>I have a syntax error in my code, and I'm not sure why. Does it have to do with the way I used refs?</p>
  
  <pre><code>export default class ToggleMenu extends React.Component {
  
    showRight: function() {
      this.refs.right.show();
    }
  
    render() {
      return (
        &lt;div&gt;
        &lt;button onClick={this.showRight}&gt;Show Left Menu!&lt;/button&gt;
        {/*  
          &lt;Menu ref="right" alignment="right"&gt;
            &lt;MenuItem hash="1"&gt;First&lt;/MenuItem&gt;
            &lt;MenuItem hash="2"&gt;Second&lt;/MenuItem&gt;
            &lt;MenuItem hash="3"&gt;Third&lt;/MenuItem&gt;
          &lt;/Menu&gt; 
        */}
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>Here is the error:</p>
  
  <blockquote>
    <p><code>./src/components/ToggleMenu/</code> <code>ToggleMenu.js</code> Module build failed: SyntaxError: Unexpected token (13:14) </p>
  
  <pre><code>showRight: function() {
    this.refs.right.show();  
  }
  </code></pre>
  </blockquote>