我如何在 javascript(Reactjs) 中编写此条件

Question

我最近用 react 开始了一个计算器项目。 我创建了这个项目，它运行良好，但我只想为其添加一个新功能。 我想当我点击一个操作符号（如“+”、“-”、“*”、“/”），如果我再点击一次并且之前存在的操作相同（例如 1234+） 当我单击“+”或“-”时，我的代码不会将其添加到代码中，而是将其替换为之前的操作，并对“/”和“*”

我还附上了存储库链接，以便您自己查看我的计算器源代码。 the repository of project source code

Answer 1

请更新handleClick函数如下：

    const handleClick = (e) => {
        if(result.length && result.charAt(result.length-1) != e.target.name || result.length == 0)
        setResult(result.concat(e.target.name));   
}

Answer 2

在您的handleClick 函数中，只需检查当前字符是否为运算符符号（例如：'+'、'-'、'*'、'/'）并且当前result 字符串中的最后一个字符是也是一个运算符符号。如果它们都是运算符符号，只需执行以下操作：

const handleClick = (e) => {
  if (result.length > 0 && (result[result.length - 1] === '+' || result[result.length - 1] === '-' || result[result.length - 1] === '*' || result[result.length - 1] === '/') && (e.target.name === '+' || e.target.name === '-' || e.target.name === '*' || e.target.name === '/')) {
    const newRes = result.slice(0, result.length - 1).concat(e.target.name);
    setResult(newRes);
  } else {
    setResult(result.concat(e.target.name));
  }
}