javascript - React 计算器 - 等号逻辑

Question

大家好，我需要一些有关我正在为 freecodecamp 开发的 react 计算器测试项目的帮助，这是到目前为止我的代码:https://codepen.io/mav1283/pen/VGLxJy?editors=0010

evalEquation(){
    const {equation, calculations, output,operatorFlag,equalsFlag} = this.state;
    const finalEquation = equation.replace(/\x/g,'*').replace(/\÷/g,'/');
    const answer = String(math.eval(finalEquation));

    if(equalsFlag === false){
      this.setState({
        equation: answer,
        output: answer,
        equalsFlag: true
      });
    } 

    this.playAudio();
  }

我想出了如何在每次点击等号时计算输入方程，但我很难尝试解决或设置背后的逻辑，以便每次输入数字时它都会替换初始值，但是如果我输入一个运算符，它将重新使用旧的计算值

我还没有添加％和正/负功能，一旦我得到等号背后的逻辑，我就会添加它。另外，上面的状态显示是临时的，因此我可以看到每个操作的变化。需要帮助谢谢!

Answer 1

所以您已经完成了大部分工作来获得您想要的东西。我没有详细查看您的代码，我只是将其弯曲以执行您想要的操作，而没有真正理解它或检查副作用，但这应该给您一个起点:Updated codepen

此外，由于您使用的是 Babel，因此这是一个很酷的功能。您不需要将 this 显式绑定(bind)到所有类函数。您可以只使用类箭头函数。请参阅我添加的 resetState 函数。