title: is missing in props validation react/prop-types
body: <ul>
  <li>i am new to js.</li>
  <li>fixed other lint errors not able to fix only props lint errors</li>
  <li><p>i am getting a below lint error, googled for the error not able to figure whats the problem.
  17:20  error    'playerLaughing' is missing in props validation     react/prop-types</p></li>
  <li><p>provding the code below</p></li>
  <li>can you guys tell me how to fix it</li>
  </ul>
  
  <pre class="lang-or-tag-here prettyprint-override"><code>C:\workspace\sports-dia-dashboard\src\components\sample-player\player-section.jsx
    17:20  error    'playerLaughing' is missing in props validation     react/prop-types
    17:40  error    'id' is missing in props validation           react/prop-types
    23:9   warning  Unexpected var, use let or const instead      no-var
    23:53  error    'jumping' is missing in props validation     react/prop-types
    28:32  warning  There should be no space before '='           react/jsx-equals-spacing
    28:32  warning  There should be no space after '='            react/jsx-equals-spacing
    30:37  error    'flying' is missing in props validation        react/prop-types
    33:21  warning  Empty components are self-closing             react/self-closing-comp
    44:3   error    Expected indentation of 4 spaces but found 2  indent
  
  
  
  import React from 'react';
  
  
  class Swimming extends React.Component {
      constructor(props) {
          super(props);
          this.playerLaughing = this.playerLaughing.bind(this);
      }
  
      playerLaughing() {
            //console.log("playerLaughing");
           // debugger;
          this.props.playerLaughing(this.props.id);
      }
  
      render() {
            //console.log("render");
            //console.log("accordion / the ExpandCollapse Section component");
          var className = 'player-section' + (this.props.jumping ? ' jumping' : '');
  
          return (
              &lt;div className={className} onClick={this.playerLaughing}&gt;
  
                  &lt;div className = "sports-player-question-flying sports-submenu-dropmenuHeader"&gt;
                      &lt;h3&gt;
                          {this.props.flying}
                      &lt;/h3&gt;
  
                      &lt;div className="up-arrow"&gt;&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div className="body"&gt;
                      {this.props.children}
                  &lt;/div&gt;
  
  
              &lt;/div&gt;
          );
  
    }
  
  }
  
  
  export default Swimming;
  </code></pre>