usecallback side effect

Marwen Labidi answered on August 19, 2022 Popularity 3/10 Helpfulness 7/10

answer usecallback side effect

usecallback side effect

Comment

function MeasureExample() {
  const [height, setHeight] = React.useState(0)

  const measuredRef = React.useCallback(node => {
    if (node !== null) {
      setHeight(node.getBoundingClientRect().height)
    }
  }, [])

  return (
    <>
      <h1 ref={measuredRef}>Hello, world</h1>
      <h2>The above header is {Math.round(height)}px tall</h2>
    </>
  )
}

Popularity 3/10 Helpfulness 7/10 Language css

Source: Grepper

Tags: css effect usecallback

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

Marwen Labidi

0 Answers Avg Quality 2/10

usecallback side effect

Contents

More Related Answers

usecallback side effect

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.