React新手求教：计算器删除按钮的函数编写方法

你的代码存在几个核心问题：splice是数组方法，不能直接处理字符串；/=运算符完全不符合删除字符的逻辑；把数值转成带负号的本地化字符串再处理的逻辑也不合理。下面是正确的实现思路和代码：

核心逻辑 #

删除按钮的优先级应为：先删除当前输入的数字（num），如果当前输入为空，再删除计算结果（res）。处理时需要先把带格式的数字（比如带千分位空格）转成纯数字字符串，再截取掉最后一位，最后按需还原格式。

修正后的代码 #

const deleteClickHandler = () => {
  // 先处理当前输入的num
  let newNum = calc.num;
  if (newNum) {
    // 移除千分位空格，得到纯数字字符串
    const rawNum = removeSpaces(newNum);
    // 截取除最后一位的内容，为空则设为"0"
    const trimmedNum = rawNum.slice(0, -1) || "0";
    // 还原千分位格式（如果计算器需要显示该格式）
    newNum = toLocaleString(trimmedNum);
  }

  // 如果num已空，再处理计算结果res
  let newRes = calc.res;
  if (!newNum && newRes) {
    const rawRes = removeSpaces(newRes);
    const trimmedRes = rawRes.slice(0, -1) || "0";
    newRes = toLocaleString(trimmedRes);
  }

  setCalc({
    ...calc,
    num: newNum,
    res: newRes,
    sign: ""
  });
};

关键细节说明 #

• removeSpaces：负责移除千分位格式的空格，确保我们能操作纯数字字符串
• slice(0, -1)：截取字符串从开头到倒数第二位，实现删除最后一个字符的效果
• 空值兜底：如果截取后字符串为空，设置为"0"避免屏幕显示空白
• 格式还原：处理完成后用toLocaleString转回带千分位的格式（如果你的计算器需要该显示效果）

如果你的calc.num和calc.res是数字类型而非字符串，需要先转成字符串再处理：

// 示例：num为数字类型时的处理
const rawNum = removeSpaces(calc.num.toString());

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