有没有办法在反应中制作动态文本区域

Question

我正在玩 React Components，我发现了这个网站，它介绍了使用具有 bootstrap 样式的表单控件的不同方法。我想创建一个文本区域，当用户按下回车键时它的大小会动态变化，但是通过下面的练习会添加一个滚动条。我可以只更改行数，但是有没有办法在用户每次创建新行时更改文本字段的大小

  <Form.Group controlId="exampleForm.ControlTextarea1">
    <Form.Label>Example textarea</Form.Label>
    <Form.Control as="textarea" rows={1} />
  </Form.Group>

React bootstrap examples

感谢您的宝贵时间和回答

Answer 1

此包将具有您正在寻找的行为：react-textarea-autosize

为了使它像 bootstrap 一样，我建议向该组件添加一个 bootstrap css className (more info):

<TextareaAutosize className="form-control" />

有没有办法在反应中制作动态文本区域

Is there a way to make a dynamic text area in react

textarea

reactjs

form-control

react-bootstrap