问题标签 [react-cookie]

所以这是我的 auth.js 代码：

这里是我需要让 redux-auth-wrapper 等到我用用户数据更新状态以便在刷新页面之前将他发送到任何地方的地方：

在这里，我基本上检查是否存在会话 cookie，因此我自动登录用户。问题是，当我转到某些路线时（例如：/admin，它受到保护，因此受到 redux-auth. wrapper），然后我刷新页面，它总是将我发送回“/”，因为 isAuthenticated 和 isAdmin 的检查是在我的 MainRoutes 组件可以登录用户之前完成的，这当然无法在经过身份验证的选择器中检查auth.js，并将我发送到“/”。我解决这个问题的第一个想法是将这两个标志存储在 localStorage 中，所以即使我的用户没有完成登录，我也会被带到上一个路径。但我想知道是否有任何方法可以专门对 redux 说-auth-wrapper，等到我的 useEffect 函数完成。

谢谢你。

我正在尝试在编译的 Gatsby 版本上使用react-togglewith 。react-cookie

对于那些不知道的人，Gatsby 将 ReactJS 编译成一个静态输出（基本上是纯 HTML 并在客户端做出反应。

我基本上想使用 React-toggle 根据 cookie 值在选中/未选中之间切换。

这里的挑战是，因为代码编译为静态输出，它似乎在服务器端/编译之前运行，所以 defaultChecked 需要从它自己的函数中访问。我们不想直接访问 cookie，反正它是未定义的。

即使 cookie 发生变化，defaultChecked 始终相同，这就是问题所在。（总是错误的）。

I have a React app. I have the following react hook to get cookies using react-cookie.

I already successfully get the cookie basket. Is there anyway for me to invoke a fresh update on the cookie "basket" if it was changed independently from this react app? I.e. a function for me to call to get the latest cookie value?

尝试使用 HOC 和 cookie 在 Nextjs 中实现私有（已验证）路由，但遇到以下错误：

我已经在应用程序的其他地方检查了 cookie 是否可用并且也随请求一起发送。它们似乎在服务器端可用。

`/components/withPrivateRoute 中的 HOC

私有路由示例：

我在我的Django后端 (DRF) 上发送 axios.put 请求。我正在使用反应。GET 请求似乎运行良好。这是我的代码：

但是我在 cookie.load('csrftoken') 中得到的只是undefined。即使在我的浏览器 cookie 上设置了 csrftoken。

我已经使用 js-cookie 库在前端本身（React JS）生成并设置了 cookie，该库运行良好，直到我使用它并将 httpOnly 设置为 false。现在，我的条件设置 httpOnly 为 true，但我无法实现这一点，因为我在互联网上发现，如果我们将 cookie 设置为 httpOnly = true，那么我将无法使用 javascript 获取 cookie（即 React JS ) 这只是 httpOnly cookie 的一个功能。

1. 我搜索并发现可以找到一个名为“react-cookie”的相关库https://www.npmjs.com/package/react-cookie但有了这个库，我也不知道我的 javascript 将如何获取 cookie .
2. 另外，我发现我们可以在某个地方使用 express 服务器作为实际处理服务器之间的中间件，我们可以在 express 服务器上设置和获取我们的安全 cookie，但在这个阶段我将是一项艰巨的任务。

谁能建议我一些其他更好的方法来设置和获取我的 cookie，使用 react js 将 httpOnly 设置为 true。欢迎所有建议！提前致谢。

我正在尝试从我从 json 加载的数据中设置 cookie 的值（将来自功能应用程序中的 axios 调用）。这是codeandbox的链接。如果你想看这里的代码是data.JSON：

这是我的 index.js

这是我在 app.js 中使用 cookie 的方式

我认为插入带有字段的对象是一个问题。这是再次指向代码框的链接。感谢您的帮助，如果我在做一些愚蠢的事情，请随时告诉我。

我想在我的网站中使用谷歌分析，但要符合 gdpr，所以只有在用户同意时才触发它。

我正在使用 gatsby 并遵循本教程：https ://www.improvebadcode.com/gatsby-gdpr-cookie-consent/ ，这在我的理解中完全有意义。

所以我正在使用gatsby-plugin-gdpr-cookiesand react-cookie-consent。

我的 gatsby 配置如下所示：

和我的 App.js 文件中的 cookie 同意，如下所示：

在 gatsby 构建我的 cookie 横幅后，它显示得非常好，但我没有收到任何关于我的谷歌分析的数据。

我首先认为问题是我使用的是 GA4 版本的 GA，但我生成了一个“旧”的 Universal Analytics 标记，但它仍然无法正常工作。

谁能告诉我，我做错了什么？

当我在我的网站上查找谷歌分析时，这是我网站上的输出：

我有两个侧边栏组件。它们都具有用作切换的功能。我想要做的是程序最初从 Sidebar.js 组件开始。默认情况下，侧边栏组件的切换属性为 true。

然后，当我按下流程页面的链接时，会在那里调用 ProcessSidebar.js 组件。我想将 isContentToggled 值保存在 Sidebar.js 中的 cookie 中，然后读取 ProcessSidebar.js 中的 isContentToggled 值并相应地影响我的侧边栏。

我想以同样的方式做相反的事情。我想将 isContentToggled 的值保存到 ProcessSidebar.js 中的 cookie，然后读取 Sidebar.js 中 isContentToggled 的值并相应地影响我的侧边栏。

我把我的代码放在下面。

Sidebar.js

`

`

我正在使用 react babel 创建一个 cookie，但我遇到了一个问题。当我创建一个 cookie 时，cookie 在浏览器中创建，但是当我单击 URL 进行身份验证时，cookie 从浏览器中删除，当我再次创建它时，会在浏览器。当我删除一个 cookie 并刷新页面时，两个 cookie 再次在浏览器中创建。我不明白这怎么可能？我正在使用此代码创建和删除 cookie-

为了创建一个cookie，我正在使用这个-

我为此使用“react-cookie”。