React设置原生textarea自适应(JS设置原生texta
2021-03-10 本文已影响0人
Poppy11
在onChange方法里面设置节点的height为auto就好了
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>
)
}
)