如何在 TextInput 中获取 $ 符号和逗号分隔符？

Posted 2023-05-07

【中文标题】如何在 TextInput 中获取 $ 符号和逗号分隔符？

【英文标题】：How to get a $ sign and a comma separator in TextInput?

【发布时间】：2021-12-22 17:07:06

【问题描述】：

我试图弄清楚如何 1) 在通过 TextInput 输入文本时获取逗号分隔符和 $ 以及 2) 在函数进行计算时还显示 $ 和逗号分隔符以显示结果？非常感谢

代码示例：

      import React, useState from 'react';
      const [Number1, Number1OnChange] = React.useState ();
      const [TotalSum,setTotalSum] = React.useState (0);

      function calcAllCalcs ()
         let TotalSum1=(parseInt(Number1) + parseInt(Number2)
            setTotalSum(TotalSum1);

        return (
            <TextInput style = styles.answer1
            
            underlineColorandroid = "transparent"
            placeholder = " Enter Number1 ..."
            autoCapitalize = "none"
            value=Number1 
            onChangeText=Number1 => Number1OnChange(Number1)
            numeric
            keyboardType='numeric'            
            />

          onPress=calcAllCalcs>
          TotalSum.toFixed(0)

【参考方案1】：

您必须将 number1 设为 textinput 中的值

      import React, useState from 'react';
      const [Number1, Number1OnChange] = React.useState ();
      const [TotalSum,setTotalSum] = React.useState (0);

      function calcAllCalcs ()
         let TotalSum1=`$number1$`
            Number1OnChange(TotalSum1);

        return (
            <TextInput style = styles.answer1
            
            underlineColorAndroid = "transparent"
            placeholder = " Enter Number1 ..."
            autoCapitalize = "none"
            value=Number1  <--Change this to be number1 the thing you want to show
            onChangeText=Number1 => Number1OnChange(Number1)
            numeric
            keyboardType='numeric'            
            />

          onPress=calcAllCalcs>
          TotalSum.toFixed(0)

【讨论】：

Number1 由用户输入。我不清楚它应该改成什么。谢谢