问题标签 [react-cookie]

我按照本教程在 React 中使用 Redux 实现了一个简单的登录表单：https ://jslancer.com/blog/2017/04/27/a-simple-login-flow-with-react-and-redux/

一切正常，但是当我添加 cookie 时出现错误：

警告：在现有状态转换期间无法更新（例如在 内render）。渲染方法应该是 props 和 state 的纯函数。

并且：

未捕获的不变违规：超出最大更新深度。当组件在 componentWillUpdate 或 componentDidUpdate 中重复调用 setState 时，可能会发生这种情况。React 限制了嵌套更新的数量以防止无限循环。

我做了一些调试，如果我onChange={e => this.setState({password: e.target.value})}从下面代码中的输入中删除，错误就会消失。

任何想法为什么以下代码不起作用？

我有一个这样的组件：

所以，我在组件中获取我的数据。但重要的是，生成的数据因我的一个 cookie 而异。因此，在更改我的 cookie 后，我还想重新获取我的数据，但我不知道最优雅的方法是什么。我使用react-cookie库，所以现在我认为每个 cookie 更改都会更新。但是当然在方法中重新获取我的数据render不是一个好主意，我认为componentDidUpdate这也是一个不好的地方。那么，我应该如何解决这个问题呢？

PS。我也使用 Redux。

我正在使用 React-cookies、redux、redux-thunk 和 hooks。

我不明白如何将“令牌”的值存储为 cookie。

这是组件App.js

实际上Login组件是作为钩子制作的

由于使用此组件进行调用，我收到了令牌的值

我如何将值存储token为 cookie？由于loginAction 我必须使用库 react-cookies，我得到了这个值。

谢谢。

我的浏览器上有一个 cookie，我想用 react 读取它，我这样使用它：

当我运行它时，我进入undefined了控制台，但是 cookieName1 在我的 cookie 上有一个值。

我该如何解决？

所以......我在我的 React 应用程序中使用 Apollo 进行本地状态管理。我也在使用react-cookie（它依赖于内部的反应钩子）。

我想做一些非常基本的事情：

问题是因为我在组件之外执行此操作，所以我无法使用useCookies，因此我的组件永远不会得到它已被删除的更新。

想法？

我真的不想在将状态逻辑放入解析器和使用 React 钩子之间做出选择。我猜同样的事情也适用于 redux。

干杯!

我正在尝试在我的测试中设置一个 cookie，以确保它在我的组件中被清除：

但是在我的 Logout 组件中，cookies 对象是空的：

还有另一种方法可以做到这一点吗？最好是不将 cookie 作为道具传递的。

我正在使用 React、Redux 和 React-Cookie 开发一个网络。在这个网络中，我有一个登录系统，在其中我向我的后端 API 发送一个 POST 请求，它将向我发送回我的组件所需的用户数据（包括它的 cookie 令牌），并且我需要这些数据是持久的. 目前我将用户数据存储在我的商店中，并将 isAuthenticated 的布尔值存储在客户端的本地存储中（我不知道这个过程有多不安全）。我应该在哪里存储这些数据？也许在饼干里？另外，如果您对我存储经过身份验证的布尔值的方式有一些建议，那也很好。

我正在尝试将 Auth0 集成到我的 SPA 中。我嵌入了锁定功能，因此它自己处理身份验证。

我可以登录，并且 Lock 功能工作正常，但是我正在尝试将 Lock 返回的accessToken和idToken返回的内容保存到 cookie 中。我正在react-cookie为此使用。

这是我的代码：

因此，在进行身份验证后，将lock.on调用事件侦听器。我可以看到它工作正常，但是setCookie钩子并没有保存 cookie。我已经console.log(authResult)并且可以确认它返回了适当的值，但是setCookie并没有保存任何东西。探索我的浏览器存储，我可以看到没有保存任何 cookie。

有人知道为什么它不保存tokencookie吗？

提前致谢

编辑：我发现了问题。我正在设置secure: true，但是我试图通过它访问它http://localhost，这是不安全的。

考虑以下代码

假设/api/tiles端点需要访问uid用户的 cookie。通常，一个人会这样做{credentials: "include"}。但是我如何在 Next.js 中做到这一点？

我正在使用 react-cookie 将 cookie 设置为 react

我想在 cookie 在午夜过期并且不为空时重置它的值。