Как получить доступ к элементу в react.js?

Question

[LB777]

Что-то не припомню, что бы это было в документации, хотя возможно я проглядел.
Мне надо узнать размеры блока, который меняется в зависимости от контента в нем.
Обычно в html у блока прописываем id, а в js скрипте получаем к нему доступ через document.getElementById("id") и дальше через offsetWidth и offsetHeight получает размер блока.
В реакте так же надо делать или есть другие способы?

Answer 1

[Сергей Протько]

Обычно в html у блока прописываем id, а в js скрипте получаем к нему доступ через document.getElementById("id")

и получаем море проблем.

в React вы работаете с компонентами, и можете встраивать свою специфичную логику внутрь конкретных компонентов. Скажем есть метод componentDidMount который вызовется после рендринга DOM и вы можете там обращаться к нодам уже DOM и что-то делать.

Суть вообще всех этих приблуд проста - изоляция. Меньше взаимодействия с глобальными штуками, меньше проблем.

https://facebook.github.io/react/docs/component-sp...

Comments

[LB777]

Спасибо, понял.
Получает для того, что бы узнать высоту блоку надо в componentDidMount прописать this.getDOMNode().offsetHeight

[Сергей Протько]

LB777: что-то в этом духе.

[genbit]

скорее React.findDOMNode(this) также не забудьте что компонент может обновиться, для этого надо будет добавить логику в componentDidUpdate