react-native input显示千分位

<Input
                                disabled={this.state.disabled}
                                value={this.state.minRateAmountInput}
                                inputStyle={styles.input}
                                leftIcon={() => <Iconfont size={20} style={{paddingLeft: 10}} unicode={`\ue611`}
                                                          color={Colors.successColor}/>}
                                renderErrorMessage={false}
                                containerStyle={styles.inputContainerStyle}
                                keyboardType='decimal-pad'
                                onEndEditing={this.handleConcreteMinRateChange}
                                onChangeText={(value) => {
                                    if (!value.endsWith(".")) {
                                        this.setState({
                                            minRateAmountInput: this.formatNumberThree(value.replaceAll(",", ""))
                                        });
                                    } else {
                                        this.setState({
                                            minRateAmountInput: value
                                        });
                                    }
                                }}/>

其中的formatter函数:

formatNumberThree(strNum): number {
        if (!strNum) {
            return strNum;
        }
        if (strNum.length <= 3) {
            return strNum;
        }
        if (!/^(\+|-)?(\d+)(\.\d+)?$/.test(strNum)) {
            return strNum;
        }
        var a = RegExp.$1,
            b = RegExp.$2,
            c = RegExp.$3;
        var re = new RegExp();
        re.compile("(\\d)(\\d{3})(,|$)");
        while (re.test(b)) {
            b = b.replace(re, "$1,$2$3");
        }
        return a + "" + b + "" + c;
    }

在需要使用state中保存的input值只需要

this.state.minRateAmountInput.replaceAll(",", "")

即可 

android平台对replaceAll支持可能会存在问题,可以使用replace的全局替换,即

this.state.minRateAmountInput.replace(/,/g, "")

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值