Как получить высоту элемента в React js

Question

import Header from './Components/Header';

function App() {
return (

<div className="headerContainer">
  <Header/>
</div>
);
};

export default App;

Как я могу получить высоту divа с классом headerContainer

Answer 1

С помощью ref документация

export default function App() {
  const refComponent = createRef();

  useEffect(() => {
    const height = refComponent.current.getBoundingClientRect().height;

    console.log(height, "height");
  }, [refComponent]);

  return (
    <div className="App">
      <h1 ref={refComponent}>Hello CodeSandbox</h1>
    </div>
  );
}

Пример

БЛОГ НА HUSL

Как получить высоту элемента в React js

Ответы (1 шт):