jquery - ReactJS - 在表格行上使用 slideDown(切换)？

Question

我在 React (JSX) 中有一个表格，我想通过单击它们上方的一行来切换某些行(甚至多行)。

让它们消失很容易，但我怎样才能顺利地做到这一点(slideDown 和 slideUp)？

最小高度似乎不起作用，而且我也无法将整个 tr 包装到一个 div 中，因为它在 React 中。谢谢。

  <table>
    <tbody>
      <tr>
        <td>main row - onclick toggle the rows under</td>
        <td></td>
      </tr>           
      <tr>
          <td>show only if clicked on the row above (smoothly)</td>
          <td></td>
        </tr>
      <tr>
        <td>show only if clicked on the first row (smoothly)</td>
        <td></td>
      </tr>
    </tbody>
  </table>

Answer 1

这应该对你有帮助!

使用 state 跟踪点击并使用 css 为 height 变化设置动画。

检查这个 fiddle :

https://jsfiddle.net/pranesh_ravi/x7q88qpe/1/