反应提到文本区域不会随文本一起增长

Question

我正在尝试实现以一行开头的react mentions文本区域，并且如果用户键入足够的文本，则文本区域的高度将随着文本大小而增加，但是当我使用MultipleTrigger example时并添加到默认样式height: "20px"（以一行开始），文本区域不会随文本一起增长...这是一个示例： https://codesandbox.io/s/2300p17zvn

当我尝试使用一些javascript来解决此问题并独自增加高度时，您会看到文本区域没有像往常一样起作用，并且当添加一行时，所有文本都先升后降，此处是一个示例： https://codesandbox.io/s/7mrvon4vpj

Answer 1

删除height并设置适当的minHeight

  input: {
      padding: 9,
      minHeight: 63,
      outline: 0,
      border: 0
    }

到

  input: {
      padding: 9,
      minHeight: 20,
      outline: 0,
      border: 0
    }

选中此Demo