您的位置:首页 > Web前端 > React

React textarea自适应文字高度伸缩 超简单版

2017-05-31 13:22 417 查看
亲测可用

const Header = React.createClass({
onEdit(){
//关键是先设置为auto,目的为了重设高度(如果字数减少)
this.refs.myTA.style.height = 'auto';

//如果高度不够,再重新设置
if(this.refs.myTA.scrollHeight >= this.refs.myTA.offsetHeight){
this.refs.myTA.style.height = this.refs.myTA.scrollHeight + 'px'
}
},
render: function() {
return (
<div>
<textarea onChange={this.onEdit} ref="myTA"></textarea>
</div>
)
}
)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: