Как получать высоту textarea?

Question

[Vann Damm]

Как получать высоту textarea элемента (так же получать когда она увеличивается) в React компоненте. Спасибо

Answer 1

[Шохрух Шаймардонов]

Высоту можете получить через el.outerHeight
А чтобы получить ее когда увеличивается придется писать свой костыль. Самый банальный вариант это когда слушаете событие onchange также можете слушать сливаться мыши (если хотите ловить ресайз с помощью мыши, а не увеличение из-за количества содержимого)

Answer 2

[KononovD]

<textarea ref=(node=>this.__anyName) onInput={(e)=>console.log(e.currentTarget.scrollHeight)} />

и
const height = this.__anyName.scrollHeight

Answer 3

[Mikhail Osher]

Работа с textarea в React не самая тривиальная.
Можете посмотреть реализации:
- TextareaAutosize в Material UI: https://github.com/mui-org/material-ui/blob/master...
- react-textarea-autosize: https://github.com/andreypopp/react-textarea-autosize

Comments

[Vann Damm]

спасибо большое, очень полезный ресурс!