/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 vote151 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote86 views1 answer
React native bootstrap
Javascript React
0 vote142 views1 answer
Horizontal cards react bootstrap
Javascript React
0 vote142 views1 answer
Stateprovider.js react
Javascript React
0 vote144 views2 answers
React-native local image not showing ios
Javascript React
1 vote150 views1 answer
Share file in react native
Javascript React
5 votes151 views2 answers
React onclick new tab
Javascript React
3 votes184 views1 answer
React create array
Javascript React
9 votes141 views1 answer
Create react app in current folder
Javascript React
0 vote153 views3 answers
React lifecycle hooks
Javascript React