redux计算器乘法和除法不起作用

Question

作为Redux新手，我正在实验React和Redux，试图结合状态容器来理解这个复杂框架的更深层次。在下面的链接中，您将了解乘法和除法不能像上瘾和减法按钮一样工作。不确定如何固定乘法和除法按钮，因此它像一个真正的计算器一样工作。谁能帮助我朝正确的方向发展？

例如，当单击除法时，会给我以下消息：无限和NaN。不知道如何避免这种情况。

https://codesandbox.io/s/xjlp0j1k3w

当我单击3时，我会在console.log中得到它-> 0 3 false

然后单击9 console.log将输出以下数字0 9 false，但是如何存储第一次单击的第二个数字（在这种情况下为3），然后除以第二次单击的第二个数字（数字9）。所以最后我们的总和为3/9 =...。

Answer 1

问题似乎出在减速器的逻辑上。

return {
        ...state,
        inputValue: 0,
        resultValue: state.resultValue / state.inputValue,
        showingResult: true
      };

您正在将inputValue设置为零。当您将resultValue除以它时，结果就是无名。另一方面，将任何东西与零相乘将得出零。您可以尝试将DIVIDE和TIME情况的inputValue设置为1。

希望这会有所帮助！