ReactJS get rendered component height

Question

I\'m attempting to integrate or create a React version of https://github.com/kumailht/gridforms, to do so I need to normalize the height of the columns inside of the row. Th

Answer 1

According this answer sizes of a component can be turned out having zero width or height inside componentDidMount event handler. So I'm seeing some ways to solve it.

1. Handle the event on top-level React component, and either recalculate the sizes there, or redraw the specific child component.

2. Set the load event handler on the componentDidMount to handle loading the cells into the react component to recalculate the proper sizes:

   componentDidMount = () => {
      this.$carousel = $(this.carousel)
      window.addEventListener('load', this.componentLoaded)
   }
   

   Then in the componentLoaded method just do what you need to do.