Как динамически отслеживать ширину/высоту div в React.js ⇐ CSS

[Anonymous]

Мне нужна помощь с моей рабочей задачей: у меня есть немного div с следующими стилями:

Код: Выделить всё

.main-div {
width: 500px;
height: 400px;
border: 1px solid #000;
resize: both;
overflow: hidden;
}
< /code>
и некоторый компонент реагирования: < /p>
import React, { useState } from "react";

export const SomeComponent = () => {
const [width, setWidth] = useState();
const [height, setHeight] = useState();

return (

Block width: {width}, height: {height}

)
}

Как я могу получить динамическую ширину/высоту изменения размера div ? Я имею в виду, я должен отслеживать размер блока в процессе изменения размера.

Подробнее здесь: https://stackoverflow.com/questions/732 ... n-react-js