javascript - React textarea组件无法水平扩展

Question

我正在学习 React/JS，我想要一个可以水平和垂直调整大小的文本区域。我尝试过使用react-bootstrap文本区域和来自material-ui的文本区域( https://material-ui.com/components/textarea-autosize/ )。

我的 app.js 看起来像这样..

function App() {
  return (
    <div>
     <TextareaAutosize />
    </div>
  )
}

但是当页面上生成文本区域时，我只能上下扩展文本区域，而不能更宽。

Answer 1

该库中的 textarea 元素仅有助于调整高度，而不是宽度。

我在 Code Sandbox 中尝试了一下，发现您可以通过添加 cols 属性并将其设置为如下数字来手动设置宽度:

<TextareaAutosize
   aria-label="minimum height"
   rowsMin={3}
   placeholder="Minimum 3 rows"
   cols={50}
/>

查看the Code Sandbox example我创建了。