相关疑难解决方法(0)

如何改变光标指针的手时,我的鼠标越过一个<tr>在<table>

<table class="sortable" border-style:>
  <tr>
    <th class="tname">Name</th><th class="tage">Age</th>
  </tr>
  <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr>
  <tr><td class="tname">Kate</td><td class="tage">36</td></tr>
  <tr><td class="tname">David</td><td class="tage">25</td></tr>
  <tr><td class="tname">Mark</td><td class="tage">40</td></tr>
</table>

我正在使用react-table npm模块，我想更改悬停（onMouseEnter）上的行的样式。我在他们的文档中找到了下面的选项，该选项可以为所有行设置样式，但是我想为悬停中的每一行设置样式（尝试使用onMouseEnter并给出样式），但是并没有接受。有什么建议么！

getTrProps={(state, rowInfo, column) => {
  return {
    style: {
      background: rowInfo.age > 20 ? 'green' : 'red'
    }
  }
}}