如何使用钩子在 React js 中同步两个计数器?
How to sync two counters in React js using hooks?
我是 React js 的新手,
我想在 React js 中连接两个计数器,如果一个计数器值增加一个,另一个计数器值应该减少一个,并且在单击按钮时,我需要添加一组新的计数器对。任何人都可以向我建议一个解决方案吗?谢谢。
如果你想创建一个计数器对并且必须多次创建,我建议使用 custom Hooks
。
我创建了一个名为 useCounter
的目的。
这里你必须传递一个array of length 2
if计数器的初始状态。
钩子将 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
我是 React js 的新手, 我想在 React js 中连接两个计数器,如果一个计数器值增加一个,另一个计数器值应该减少一个,并且在单击按钮时,我需要添加一组新的计数器对。任何人都可以向我建议一个解决方案吗?谢谢。
如果你想创建一个计数器对并且必须多次创建,我建议使用 custom Hooks
。
我创建了一个名为 useCounter
的目的。
这里你必须传递一个array of length 2
if计数器的初始状态。
钩子将 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