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

编程问答 2022-05-26

问题描述

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

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

React bootstrap examples

感谢您的时间和回答

解决方法

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

为了使它像引导程序一样，我建议为此组件添加一个引导程序 css className (more info)：

<TextareaAutosize className="form-control" />
form-controlreact-bootstrapreactjsreactjsreactjsreactjstextareatextarea