在反例中如何在响应中使用上下文api？

问题描述

在我的反例中，我尝试使用context api或useContext。实际上，我用initialize 0的值。在按钮上单击我要{{ 1}}的计数器值？但我无法做到这一点。

这是我的代码 https://codesandbox.io/s/happy-spence-qbmps?file=/src/context.js

我举了一个示例，其中increase增加计数器，以显示加载程序类似于增加和减少计数器。

但是我做错了

能否请您告诉我如何使用user api而不使用context来增加和减少计数器值

redux

我也看到了本教程

https://medium.com/@seantheurgel/react-hooks-as-state-management-usecontext-useeffect-usereducer-a75472a862fe 但是下面的codepen无法正常工作？

解决方法

您与命名不一致：

const { loadingCount } = useLoadingState();
const { showLoading,hideLoading } = useLoadingActions();

https://codesandbox.io/s/inspiring-drake-18t12?file=/src/counter.js