title: Best way to disabled DIV onClick in React
body: <p>I have a component with a div that accepts onClick and aria-disabled properties. Both of them come in as props, with disabled being an optional one. In my render method I do the following:</p>
  
  <pre><code>&lt;div onClick={!this.props.Disabled ? this.props.Click : undefined} 
       aria-disabled={this.props.Disabled&gt;My Div&lt;/div&gt;
  </code></pre>
  
  <p>I use CSS to visualize the disabled state (opacity: 0.5, pointer-event: none blah blah). But I wonder if there's a better way to handle the actual onClick. Since it's a mandatory prop... so even when the item is disabled you still need to pass in an onClick to meet the condition. Is there a better way to go about this?</p>