title: Trying to toggle the background color of a table row on hover using React, but nothing happens
body: <p>My table row looks like this:</p>
  
  <pre><code>&lt;tr
      onMouseEnter={() =&gt; {this.buttonIsHovered = true} }
      onMouseLeave={() =&gt; {this.buttonIsHovered = false}}
      className={this.buttonIsHovered ? 'hover' : null}&gt;
  </code></pre>
  
  <p>buttonIsHovered starts out defined as false. Now, the CSS .hover class is defined like so:</p>
  
  <pre><code>.hover {
    background-color: aqua
  }
  </code></pre>
  
  <p>I am sure that the CSS is successfully being imported. I have no clue why it doesn't work. Any suggestions are appreciated, thanks!</p>