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

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.fmoney = this.fmoney.bind(this);
}
/**
* 格式化money
* s为要格式化的money
* n为小数位数
*/
fmoney(s, n){
if(s==='')
return;
n = n > 0 && n <= 20 ? n : 2;
s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
var l = s.split(".")[0].split("").reverse(),
r = s.split(".")[1];
var t = "";
for(let i = 0; i < l.length; i ++ ) {
t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
}
return t.split("").reverse().join("") + "." + r;
}

render(){
return (
<Cells>
<Cell>
<CellHeader><Label>单价</Label></CellHeader>
<CellBody>
<View>
<Input style={{height:40}}
underlineColorAndroid="transparent"
placeholder="请输入金额"
keyboardType='numeric'
value={this.state.endEdit?this.fmoney(this.state.money,2):this.state.money+''}
onChangeText={(text)=>{
this.setState({money:text});
}}
onFocus={()=>{
// this.setState({endEdit:false});
this.setState({endEdit:false,money:''});
}}
onEndEditing={(event) => {
this.setState({endEdit:true});
}}
></Input>
</View>
</CellBody>
<CellFooter>元</CellFooter>
</Cell>

<Cell>
<CellHeader><Label>单价</Label></CellHeader>
<CellBody>
<View>
<Input style={{height:40}}
underlineColorAndroid="transparent"
placeholder="请输入物品单价"
keyboardType='numeric'
></Input>
</View>
</CellBody>
<CellFooter>元</CellFooter>
</Cell>
</Cells>
);
}
}