AutoTextarea.jsx

import React from 'react';
import autosize from 'autosize';

class AutoTextarea extends React.Component {
    constructor(props) {
        super(props);
        this.refHandler = this.refHandler.bind(this);
        this.textarea = null;
    }

    refHandler(node) {
        if (node === this.textarea) return;
        if (this.textarea) {
            autosize.destroy(this.textarea);
        }
        if (node) {
            autosize(node);
        }
        this.textarea = node;
    }

    componentDidUpdate(prevProps) {
        if (prevProps.value !== this.props.value) {
            autosize.update(this.textarea);
        }
    }
  
    focus() {
        this.textarea.focus();
    }

    resize() {
        autosize.update(this.textarea);
    }

    render() {
        const {...otherProps} = this.props;
        otherProps.rows = otherProps.rows === undefined ? "1" : otherProps.rows;
        return (
            <textarea ref={this.refHandler} {...otherProps}/>
        );
    }
}

export default AutoTextarea;