react-input-autosize

React-输入-自动调整大小

一个用于 React 的文本输入框,其大小会自动调整到当前内容。

演示与示例

实时演示: jedwatson.GitHub.io/React-input-autosize 要在本地运行示例,请运行:

npm install
npm start

然后在浏览器中打开 localhost:8000。

安装

使用 React-Input-Autosize 的最简单方法是从 NPM 安装它,并在自己的 React 构建过程中包含它(使用 Browserify、rollup、webpack 等)。 您还可以通过在页面中包含 dist/AutosizeInput.js 来使用 umd 版本。如果使用此方法,请确保已经包含 umd 版本的 React。

npm install react-input-autosize --save

使用方法

React-Input-Autosize 会生成一个输入字段,包裹在 `` 标签中,以便可以检测其值的大小。否则,其行为与标准的 React 输入非常相似。

CSP 和 IE 的 "清除" 指示器

输入会自动注入一个样式表,隐藏 IE/Edge 的 "清除" 指示器,否则会破坏用户界面。这种做法的缺点是与某些 CSP 策略不兼容。