React-本机多行TextInput组件:如何在可编辑设置为false时允许滚动

import React, { Component } from 'react';

class MultiLineTextInput extends Component {
  constructor(props) {
    super(props);
    this.textInputRef = React.createRef();
  }

  componentDidUpdate(prevProps) {
    if (prevProps.editable && !this.props.editable) {
      this.textInputRef.current.scrollTop = 0;
    }
  }

  render() {
    const { editable } = this.props;
    const inputStyle = {
      overflow: editable ? 'auto' : 'hidden',
      height: '200px', // 设置合适的高度
    };

    return (
      <textarea
        ref={this.textInputRef}
        style={inputStyle}
        readOnly={!editable}
      />
    );
  }
}

export default MultiLineTextInput;