问题标签 [global-state]

我是 NextJS 和 React 的新手，所以我请求您的原谅。我想知道如何通过反应上下文 api 将用户写入的文本从输入字段（标题内部）传递到特定页面的 getStaticProbs 函数中。我尝试了以下来源，但它不起作用 - 它抛出一个错误，我的构建方式导致无效的钩子调用。

这是我的上下文来源：

获取 SearchBar.js 的写入字符串：

并将其传递给 _app.js：

将值放入 searchResults.js 的 getStaticProbs 中：

你会帮助我 1) 告诉我我所做的主要失败和 2) 为我提供工作来源吗？我如何才能将 SearchContext 中的关键字获取到 uploadsURL（在 getStaticProbs 内部），还是不可能？提前致谢！！

根据每页布局结构，我在 next.js 中使用了两种布局。

• 未经身份验证页面的一种布局
• 另一个用于经过身份验证的页面

在 _app.js 中

在页面中

访问具有不同布局的页面时，全局状态似乎被重置。

问题是如何通过多个布局的上下文保持全局状态共享？

我正在做一个项目，我使用 ReactJS 中可用的东西实现了全局状态，没有使用第三方库。

当我设置全局状态时，我还将它添加到本地存储中，因此如果浏览器重新加载，我的想法是我将能够从本地存储中提取数据并将其设置为全局状态，但这不会t 似乎正在工作，因为在页面重新加载后尝试访问全局状态内的属性时，我不断返回一个未定义的错误。

我的 GlobalStateProvider 如下：

我创建了一个 BaseComponent ，我希望我可以使用它来检查 localStorage 是否包含全局状态提供程序，如果是，则将其加载到全局状态中，因此该组件包含以下内容：

我的 App.js 如下所示：（我只显示 App.js 中返回的内容，因为我认为没有任何相关性）

正如您在 BaseComponent 中看到的那样，我注销了 localStorage 中的内容，它不会在页面重新加载时输出任何内容，就好像我在其中一个路由组件中访问全局状态的位置在 BaseComponent 触发 useEffect 之前被触发.

下面是设置状态和全局存储的示例：

我知道可以通过上下文 API 添加和删除文件，但是您将如何编辑一个文件？

例如：这是带有全局上下文的 DELETE 函数

或在此 ADD 函数示例中：

编辑功能是什么？