25得票2回答
Typescript 给我报错:期望 0 个参数,但实际传入了 1 个。

我希望以正确的方式定义接口,但遇到了问题,因为它期望有一个参数,即使参数为空也是如此。 我正在使用useContext,并像这样定义接口: //react-auth0-spa.tsx interface Auth0Context { ...... ...

19得票3回答
React - 在类组件中使用 useContext

我是React的新手,想在我的类组件中使用useContext,我该怎么解决?这是我当前代码的示例。import { Context } from '../context/ChatListContext' const ChatList = ({ onAction }) => { ...

18得票4回答
在ReactNative中更好地使用多个上下文提供程序的方法

我有一个应用程序,其中我使用了3个上下文提供程序。为了使该应用程序正常工作,我必须在所有这些提供程序中包装<App />。随着我的应用程序的增长,我期望会有更多的提供程序来连接更多类型的数据。我已经开始感到可能有更好的方法将提供程序传递到<App />中。 我的App...

11得票6回答
如何在Next.js中将某些页面包装在上下文提供程序中?

我有三个页面需要共享数据(这是Web应用程序的核心),但我还有一堆不关心那些数据的博客页面。我已经搜索了很多地方,都建议将提供者放在_app.tsx文件中。如果我理解正确的话,如果我将MyApp与提供者包装起来,即使有人直接访问www.myurl.com/blog/my-blog-1(从Goo...

11得票1回答
使用useState和useContext React Hooks实现localStorage持久化

我已经使用useContext建立了一个Provider来共享一些用户状态。因此,我正在尝试利用本地存储来保存用户的一些图像(头像等)状态。 首先,我正在尝试持久化用户的头像,实质上是保存他们从express获得的ID,然后在调用Cloudinary(一个图像托管服务)时使用它。 我认为我已经...

10得票4回答
React中的全局屏幕加载器

我正在寻找一种在React中使用全局屏幕加载器的解决方案。 虽然我对React context不是很熟悉,但我想知道它是否可以帮助我。基本上,我正在引入一个屏幕加载器,并且我认为最好的方法可能是在主组件中拥有全局加载器。因此,总结一下: 我想在主组件中拥有全局加载器 我希望随时更新应用程...

9得票4回答
在我的 React 项目中出现了未捕获的 TypeError: Object is not iterable (无法读取属性 Symbol(Symbol.iterator))。

我刚开始接触上下文API,并试图让我的代码正常工作。但是我得到了错误: Uncaught TypeError:对象不可迭代(无法读取属性Symbol(Symbol.iterator)) 有没有好心人能帮我解决这个问题? initialUserState记录的对象看起来像这样:{nam...

9得票2回答
如何在Next.js布局中使用useContext钩子

我正在使用NextJS构建一个应用程序。我的应用程序显示一组文章,用户可以按A-Z或Z-A排序,并在每页上显示特定数量的文章(10、20等)。当用户单击文章以访问该特定文章页面,然后返回主列表时,排序和分页首选项会被重置。我成功地使用cookies保留了这些值,但我想改用useContext(...

9得票1回答
如何在React组件中测试使用useContext和useReducer dispatch的功能

希望有人能为我指点迷津。基本上,我创建了一个使用hooks的React应用程序,具体来说是使用useContext、useEffect和useReducer。我的问题是,测试似乎无法检测到相关组件的单击或分发事件。 可以在此处找到我应用程序的简化版本:https://github.com/a...

8得票2回答
如何在React中使用Context传递状态

我试图使用useContext传递并更新状态; App.js import Home from './components/Home' const UserContext = createContext(); function App() { const [name, setName...