title: How to use comments in React
body: <p>How can I use comments inside the <code>render</code> method in a React component?</p>
  <p><strong>I have the following component:</strong></p>
  <pre><code>'use strict';
   var React = require('react'),
     Button = require('./button'),
     UnorderedList = require('./unordered-list');
  
  class Dropdown extends React.Component{
    constructor(props) {
      super(props);
    }
    handleClick() {
      alert('I am click here');
    }
  
    render() {
      return (
        &lt;div className=&quot;dropdown&quot;&gt;
          // whenClicked is a property not an event, per se.
          &lt;Button whenClicked={this.handleClick} className=&quot;btn-default&quot; title={this.props.title} subTitleClassName=&quot;caret&quot;&gt;&lt;/Button&gt;
          &lt;UnorderedList /&gt;
        &lt;/div&gt;
      )
    }
  }
  
  module.exports = Dropdown;
  </code></pre>
  <p><img src="https://i.stack.imgur.com/VjHrx.png" alt="Enter image description here" /></p>
  <p>My comments are showing up in the UI.</p>
  <p>What would be the right approach to apply single and multiple line comments inside a render method of a component?</p>