代码拉取完成,页面将自动刷新
react.js文本输入框,限制输入内容为数字、字母、千分位等,支持输入K、M快捷键.
npm install jsx-input --save
基本使用方式
import { Input,NumberInput } from 'jsx-input';
<NumberInput id="txb2" className="test2" spinner={true} step={1} onChange={v=>{console.log('change22:',v);}} maxLength={17} decimals={2} isFormat={true} returnType={this.state.returnType} value={this.state.numberValue} showTitle={true}/>
<NumberInput id="txb2" className="test2" overFloat={true} spinner={true} step={0.0001} delay={1000} onStep={(v,obj)=>{console.log('step::',v,obj)}} onChange={v=>{console.log('change22:',v);}} maxLength={17} decimals={4} isFormat={true} returnType={this.state.returnType} value={this.state.numberValue} showTitle={true}/>
<Input type="text" className="text"/>
<Input type="textarea" className="texxt"/>
效果图如下
输入框
text
或textarea
参数为值内容
优化onChange频繁调用的缓冲时间,毫秒数
返回值类型,支持Number,String等
是否打开微调器
微调器步数
微调点击回调
最大值,默认MAX_SAFE_NUMBER
最小值,默认MIN_SAFE_NUMBER
精度步数,如果是设置4,则每次调整步数为0.0001
前置标签
后置标签
https://github.com/tianxiangbing
主要针对数字型输入的组件优化。
onChange: PropTypes.func,
value: PropTypes.oneOfType([
PropTypes.string,
PropTypes.number
]),
returnType: PropTypes.string,
decimals: PropTypes.number,
isFormat: PropTypes.bool,//是否格式化
negative: PropTypes.bool,//是否支持负数
maxLength: PropTypes.number,//长度限制,只作整数部分的长度
delay: PropTypes.number,//事件延迟时间毫秒
react xui组件一直在持续更新中,欢迎大家关注https://github.com/react-xui
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。