React Native计算器：如何禁止在输入末尾添加小数点

问题分析 #

原函数存在两处关键错误，且逻辑无法彻底阻止末尾显示小数点：

• 末尾字符判断逻辑错误：InputNumber[InputNumber.charAt(InputNumber.length-1)] 写法有误，应直接取最后一位字符做判断
• 变量名不一致：numeroInput 未定义，需使用状态变量InputNumber

此外，需先统一小数点符号为西班牙地区常用的逗号，再重构点击逻辑从根源避免末尾出现小数点。

修正后的解决方案 #

1. 统一小数点符号为逗号（适配西班牙地区） #

将代码中所有小数点符号从.替换为,，符合当地使用习惯。

2. 重构小数点按钮点击函数 #

以下是修正后的CheckComa函数，核心逻辑是仅在合法场景下添加小数点，彻底杜绝末尾出现小数点的情况：

function CheckComa() {
  const currentInput = InputNumber;
  
  // 已包含小数点则直接返回
  if (currentInput.includes(',')) {
    return;
  }
  
  // 空输入时自动补"0,"（符合西班牙计算器交互逻辑）
  if (currentInput === '') {
    setInputNumber('0,');
    return;
  }
  
  // 最后一位是数字才添加逗号
  const lastChar = currentInput.charAt(currentInput.length - 1);
  if (!isNaN(Number(lastChar))) {
    setInputNumber(currentInput + ',');
  }
}

3. 额外保障：全局校验输入格式 #

若存在其他修改InputNumber的操作（如输入运算符、删除字符等），可封装工具函数确保输入值末尾不会是逗号：

const sanitizeInput = (input) => {
  return input.endsWith(',') ? input.slice(0, -1) : input;
};

// 使用示例：
setInputNumber(sanitizeInput(newInputValue));

内容的提问来源于stack exchange，提问作者boraj