diff --git a/components/input/InputTextarea.tsx b/components/input/InputTextarea.tsx
index c9ba076f5..7d6f4d039 100644
--- a/components/input/InputTextarea.tsx
+++ b/components/input/InputTextarea.tsx
@@ -36,21 +36,25 @@ export default class InputTextarea extends PureComponent<InputTextareaProps, any
   }
 
   static getDerivedStateFromProps(nextProps) {
-    if ('focused' in nextProps) {
+    if ('focused' in nextProps || 'value' in nextProps) {
       return {
         focused: nextProps.focused,
+        length: (nextProps.value || nextProps.defaultValue || '').length,
       };
     }
     return null;
   }
 
   componentDidUpdate() {
-    const { autoHeight } = this.props;
+    const { autoHeight, rows, readOnly } = this.props;
     const { focused } = this.state;
 
-    if (autoHeight) {
+    if (autoHeight && !readOnly) {
       this.input.style.height = `${this.input.scrollHeight}px`;
     }
+    if (autoHeight && readOnly && rows) {
+      this.input.style.height = `${this.input.scrollHeight * rows}px`;
+    }
     if (focused) {
       this.input.focus();
     }
@@ -175,7 +179,7 @@ export default class InputTextarea extends PureComponent<InputTextareaProps, any
     );
 
     const renderText = (
-      <div className={`${prefixCls}__content`}>
+      <div className={`${prefixCls}__content ${prefixCls}--readonly`} ref={(ele) => { this.input = ele; }}>
         {rest.value || rest.defaultValue}
       </div>
     );