/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 vote258 views1 answer
Style react native alert text
Javascript React
2 votes243 views1 answer
How to see if a web site is useing react
Javascript React
0 vote255 views1 answer
Network display react native
Javascript React
0 vote274 views1 answer
React native make safe view in mobile
Javascript React
1 vote317 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
13 votes264 views3 answers
React native conditional rendering
Javascript React
0 vote259 views1 answer
Disable key enter react-hook-form
Javascript React
0 vote265 views1 answer
A form label must be associated with a control react
Javascript React
0 vote247 views1 answer
React-native-dropdown-picker for form react native
Javascript React
2 votes210 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React