/Javascript/React/Get height component react

Get height component react

import React, { useState, useEffect, useRef } from 'react'

export default () => {
  const [height, setHeight] = useState(0)
  const ref = useRef(null)

  useEffect(() => {
    setHeight(ref.current.clientHeight)
  })

  return (
    <div ref={ref}>
      {height}
    </div>
  )
}

-1

Source: stackoverflow.com

Similar codes

0 vote235 views1 answer
React.js file extension
Javascript React
16 votes224 views1 answer
Deploy react app netlify
Javascript React
0 vote229 views1 answer
Open close children modal react
Javascript React
1 vote255 views1 answer
Close exit app react native
Javascript React
0 vote217 views1 answer
React navbar material ui
Javascript React
0 vote228 views1 answer
Image and video lightbox react
Javascript React
2 votes222 views2 answers
React native position absolute center
Javascript React
0 vote243 views1 answer
Storybook react
Javascript React
0 vote206 views1 answer
Route with parameter react not working not found
Javascript React
0 vote220 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React