在 React 中使用文本框是常见的操作，但是默认的文本框并不能自动调整大小以适应输入内容的变化。这个时候，我们可以使用 npm 包 better-react-textarea-autosize。
安装
你可以使用 npm 安装该包：
npm install better-react-textarea-autosize
使用方法
首先，你需要在组件中引入该包：
import TextareaAutosize from 'better-react-textarea-autosize';
然后，在组件中使用该文本框即可：
<TextareaAutosize />
更多详细的使用方法可以查看该包的 GitHub 页面。
示例代码
下面是一个简单的例子：
-- -------------------- ---- -------
------ ----- ---- --------
------ ---------------- ---- ---------------------------------
----- ------- ------- --------------- -
-------- -
------ -
-----
----------------- ----------- ----------- --
------
--
-
-上面的代码创建了一个高度为 3 行的初始文本框，最大高度为 6 行。在输入内容超出文本框高度时，文本框会自动调整大小以适应文本。
总结
使用 better-react-textarea-autosize 包可以很方便地实现自适应文本框的效果。该包不仅仅解决了 React 文本框无法自动调整大小的问题，还支持多种配置选项，增强了文本框的灵活性。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a681e8991b448dfe67