title: Having trouble incrementing the age when the button is clicked
body: <p>New to react and I am having a hard time trying to increment the age of the person when the button is clicked.</p>
  <p>EventComp.js code:</p>
  <pre><code>import React, { Component } from 'react';
  
  class EventComp extends Component{
  constructor(props) {
      super(props);
      this.state = {
          clicks: 0,
          show: true,
      };
  }
   IncrementItem = () =&gt; {
       this.setState({clicks: this.state.clicks + 1});
   }
  
  render(){
      return(
          &lt;div&gt;
          &lt;div class = &quot;person&quot;&gt;
          &lt;h1 class=&quot;person_h1&quot;&gt;
          {this.props.LastName}, 
          {this.props.FirstName}&lt;/h1&gt;
          &lt;p&gt;Age: {this.props.Age}&lt;/p&gt;
          &lt;/div&gt;
          
       &lt;button onClick = {this.IncrementItem}&gt;Celebrate&lt;/button&gt;
        
  &lt;/div&gt;
      
      )
    }
  }
  export default EventComp;
  </code></pre>
  <p>App.js code:</p>
  <pre><code>import React from 'react';
  import EventComp from './components/EventComp';
  import './App.css';
  
  function App() {
    return (
      &lt;div class =&quot;main&quot;&gt;
        &lt;div&gt;
          &lt;EventComp FirstName=&quot;Jane &quot; 
          LastName=&quot; Doe &quot; Age = {45}/&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;EventComp FirstName = &quot;Joe &quot; LastName = &quot; Doe &quot; Age={88}/&gt;
        &lt;/div&gt;
        &lt;div&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>I'm just confused on how it's supposed to work. There are no errors, but when the button is clicked nothing happens.</p>