Get scroll height from dynamically created child element

[dnaustin]

Hello

I am trying to create an accordion element that has a structure like the following:

• Wrapper
  • Button
  • Panel
    • Table

When the button is clicked for the first time, the appropriate data for the table will be retrieved and populate the table. The panel should then slide down and display the populated table. The issue is that I need to dynamically assign the max-height of the panel based on the scroll height of the table for the transition to work.

[dnaustin]

I have just discovered React Refs and this has solved my issue.