Какой самый простой способ получить ширину элемента в React без jQuery?

Question

[Ninja Mate]

Возникла необходимость сделать графики D3 библиотеки адаптивынми width={920} атрибут не работает с процентами. Отсюда вопрос, как получить ширину элемента div в реакте?

Answer 1

[Александр Аксентьев]

document.getElementById("mydiv").offsetWidth;
React-то собственно здесь не при чем.

Comments

[Ninja Mate]

Так пробовал, не получается динамически менять размер. нужокак то листенер на изменение этого параметра организовать, не могу сообразить. Поэтому и спрашиваю для Реакта

[Александр Аксентьев]

Ninja Mate: https://facebook.github.io/react/tips/dom-event-li...

[Ninja Mate]

Александр Аксентьев: спасибо, сильно помогли. немного помучаться пришлось с this.handleResize = this.handleResize.bind(this);

[Александр Аксентьев]

Ninja Mate: не за что. Быстрогуглинг нашел. Я на реакте ни разу не кодил)

[Ninja Mate]

Александр Аксентьев: я находил этот кусок кода, только в каком-то примере и решил, что это слишком мудрено и кто то велосипед изобретает. а потом с вашим ответом дошло, что это именно то, что я ищу))) бываеть

Answer 2

[homer37]

import React, { useEffect, useRef } from "react";

export default function App() {
const ref = useRef(null);

useEffect(() => {
console.log("width", ref.current.offsetWidth);
}, []);

return Hello;
}