如何使用钩子在 React js 中同步两个计数器?

How to sync two counters in React js using hooks?

我是 React js 的新手, 我想在 React js 中连接两个计数器,如果一个计数器值增加一个,另一个计数器值应该减少一个,并且在单击按钮时,我需要添加一组新的计数器对。任何人都可以向我建议一个解决方案吗?谢谢。

如果你想创建一个计数器对并且必须多次创建,我建议使用 custom Hooks

我创建了一个名为 useCounter 的目的。

这里你必须传递一个array of length 2if计数器的初始状态。 钩子将 return [couters, updateCounter, err] 数组。

您可以参考这段代码了解一下。

挂钩:https://codesandbox.io/s/happy-swartz-ikqdn?file=/src/counterHook.js

使用挂钩的组件:https://codesandbox.io/s/happy-swartz-ikqdn?file=/src/pair.js

注:在codesandbox browser

中转到https://ikqdn.csb.app/pair