反應計算器-等號邏輯

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

因此，您已經完成了大部分工作來獲得想要的東西。 我沒有詳細研究您的代碼，只是在沒有真正理解它或檢查副作用的情況下就彎腰去做您想要的事情，但這應該為您提供一個起點： 更新了Codepen

另外，由於您正在使用Babel，因此功能很酷。 你並不需要顯式地綁定this對所有類函數。 您可以只使用類箭頭功能。 請參閱我添加的resetState函數。