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更改设置动画。

检查这个小提琴：

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