反应-避免重新渲染对象属性

Question

我有一个拍卖对象，出于参数考虑，我们假设该对象仅包含2个属性；剩余时间和数量。我为剩余时间设置了一个倒数计时器（我使用了react-countdown-now库），我还有一个要约的按钮，当单击此按钮时，要约要添加的金额等于当前金额+ 100。

所有这些都有效，问题在于，每当我单击“报价”按钮时，React都会重新渲染整个组件，这会重置我的计时器，而我不希望这样。我怎样才能告诉React不要重新渲染剩余时间属性？

代码：https://codesandbox.io/s/x27j7kqxrq

Answer 1

创建子组件。如果为每个零件，计时器和数量创建一个子组件，则可以在不影响计时器的情况下呈现对数量的更新，并将这些更新包装到应用程序状态，而不是包含两者的对象。