反应文本ar并增长，但没有收缩，如何使其收缩？

Question

我有这个反应组件，该组件成功地生长了文本方面。

.textarea {
  resize: none;
  overflow: hidden;
  box-sizing: border-box;
}


export default function Textarea({
  className,
  onChange,
  defaultValue,
  ...attrs
}) {
  const handleInput = (e) => {
    const h = e.target.scrollHeight
    e.target.style.height = '0px'
    e.target.style.height = `${h}px`
    onChange?.(e)
  }

  return (
    <textarea {...attrs} defaultValue={defaultValue} onInput={handleInput} className={styles.textarea} />
  )
}

我该如何将其缩小到 nink ，它只会生长？