在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>
)
}
)
网友评论