react native输入框输入金额等数据后如何格式化显示

最新推荐文章于 2024-08-10 07:25:54 发布

xiaoxiang-chen

最新推荐文章于 2024-08-10 07:25:54 发布

阅读量7.2k

点赞数 1

分类专栏： app开发文章标签： react native TextInput 格式化

本文链接：https://blog.csdn.net/fengzijinliang/article/details/53335320

版权

在React Native应用中，为TextInput组件处理输入的金额数据格式化，可以通过监听焦点变化来实现。首先，定义一个state记录输入状态（endEdit）和显示的金额（money）。当输入框获取焦点时，设置endEdit为false，显示原始输入；失去焦点时，endEdit设为true，将输入值转换并格式化后更新到money中。

摘要由CSDN通过智能技术生成

import React ,{ Component } from 'react';
import {View} from 'react-native';
import {
  Cells,
  Cell,
  CellHeader,
  CellBody,
  CellFooter,
  CellText,
  Input,
  Label,
} from 'rn-weui/src';
export class InputBox extends Component{
   
    constructor(props) {
      super(props);
      this.state = {
            money:'',
            endEdit:true
        };
        this