/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

10 votes118 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
0 vote167 views1 answer
How to detect an element is been hovered in react
Javascript React
9 votes192 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote176 views1 answer
React route send informaion in url
Javascript React
34 votes172 views3 answers
React-router
Javascript React
1 vote155 views2 answers
What is reactive method
Javascript React
-1 vote164 views1 answer
How to load the images from the website dynamically in react
Javascript React
0 vote166 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
0 vote156 views1 answer
How to run and clone react app
Javascript React
0 vote121 views0 answer
React
Javascript React