Get the width and height of an dom element in react

get_element_width_and_height.js

class GenericHeightAndWidth extends Component {
  state = {
    elementWidth: 0,
    elementHeight: 0
  };

  componentDidMount() {
    const elementWidth = document.getElementById('element_id').clientWidth; // get element width
    const elementHeight = document.getElementById('element_id').clientWidth; // get element height

    this.setState({ elementWidth, elementHeight });
  }

  render() {
    const { elementWidth, elementHeight } = this.state;

    return (
      <div height={elementHeight} width={elementWidth}>
      // do whatever you want here
      </div>
    );
  }
}

export default GenericModal;