问题标签 [react-cookie]

我需要知道我的用户是否已连接。为此，我想使用 express-session 读取我在服务器端设置的 cookie：

我尝试使用，但即使我复制粘贴了 npm docs 示例react-cookie，它也不起作用：react-cookie

这很奇怪，因为document.cookie呈现正确的结果，但我不知道如何处理它：

我正在尝试在我的 react 应用程序中使用 cookie，但无法使 react-cookie 模块正常工作。我正在使用此页面中的示例：https ://www.npmjs.com/package/react-cookie

但它给了我以下错误：

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：对象。

检查CookiesProvider.

index.js：

应用程序.js：

我无法在我的应用程序中使用 react-cookie 模块，由于某种原因，它给了我以下错误：

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：对象。

检查CookiesProvider.

这是我的 package.json 依赖项：

和我的 index.js：

我正在使用react-cookie在浏览器中设置 cookie。现在我想删除一个cookie。不幸的是，我无法使用以下调用删除字符串：

如果我 console.log 删除调用，我会在我的浏览器控制台中得到一个未定义的返回。

我正在使用库 react-cookie ( https://www.npmjs.com/package/react-cookie )，我想在浏览器或选项卡关闭时删除用户 cookie。我在我的 Approuter 中使用了 ComponentWillUnmount，但是当浏览器关闭时它不起作用。任何人都知道如何实现这一目标？

路由器确实收到了 cookie，为什么我不能用 componentWillUnmount 删除它？以及如何删除它们？

我正在设计标题以根据身份验证状态显示登录和注销按钮，并且我正在使用 react-cookie 来存储身份验证状态

组件代码

请注意：- if 检查之前的控制台显示正确的值，但没有呈现正确的条件部分我也在使用 ApolloClient，我不确定这是否重要

我在我的项目中使用 react-cookie。当我使用 withCookies() 时，我在控制台日志中收到这样的警告

警告：失败的道具类型：提供给路线的类型对象的无效道具组件，预期的功能

我该如何解决这个问题。？

下面是代码

我有一个带有一个按钮的 React 应用程序，该按钮具有一个工具，此切换允许显示或隐藏页面中的一些视图，因此如果用户点击工具按钮，它将看到一个视图 (Toggle ON View) 或另一个 (Toggle OFF看法）。我必须将此切换的值存储在 cookie 中，以确保当用户再次访问该站点时，它将看到选择的最后一个视图（切换打开或切换关闭）。

我试图通过使用“npx create-react-app”从头开始创建一个新的反应应用程序，以最简单的方式解决这个问题。我还包含了 npm react-cookie 库。

当用户点击切换按钮时，这可以正常工作，在 cookie 中设置正确的值并显示正确的视图。但是，如果我重新加载页面，它总是显示不正确的视图，忽略从 cookie 加载的值。我无法解释为什么只有在页面加载时才会发生这种情况。

Index.js 代码：

App.js 代码：

我需要知道我在这个例子中做错了什么。任何帮助都会非常感激。

我在我的应用程序中使用react-cookies包并尝试将测试写入我的应用程序。我正在尝试模拟cookie.remove方法并对其进行验证，以下是代码：

// 应用程序.js

// 测试文件

测试运行正常并通过了，但是在控制台中有这个错误的 proptype 传递到 props 的警告：

Cookies在对方法进行存根时，如何将 的实例提供到我的测试中remove？

我正在使用react-cookie包，当我尝试在最高级别的组件中设置它时，它会抛出这些错误：

React.createElement: type is invalid - 期望一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：符号。

Invariant Violation：根路由必须渲染单个元素

// 路线

// LoginPage（这样放是不行的）

但是，如果我将它移到另一个组件中并导入它，它将起作用。

// 登录页面

// 登录

我尝试以不同的方式导出，但仍然遇到相同的错误：

有没有办法可以在最高级别的组件中进行设置？

附加信息：

// server.js