Javascript React textarea组件无法水平扩展

我正在学习React/JS，我希望有一个文本区域，可以水平和垂直调整大小。我试过使用react引导文本区域和material ui（）中的一个

我的app.js看起来像这样

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

函数应用程序（）{
返回(
)
}

---

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

该库中的textarea元素只能帮助调整高度，而不是宽度

我在Code Sandbox中对其进行了研究，发现可以通过添加cols属性并将其设置为如下数字来手动设置宽度：

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

---

查看我创建的。

因为这并不意味着要扩展宽度？为什么需要调整宽度？如我所见，textarea的宽度受父类的限制。您是否尝试过增加TextArea AutoSize父标记的宽度（表示返回（）后的div）？父div没有宽度大小。我可以用cols更改大小，但我希望它可以用鼠标调整大小。是的，我知道这是可能的。但是为什么我可以用鼠标调整文本区域的大小，而不是在我的示例上？这是我的问题。我可能会接受它不适用于我，只允许垂直调整大小。是的，我明白了可以单击并拖动示例，使其更宽，但API中没有宽度调整属性。我认为您必须静态设置列。