Reactjs 如何获取js Cookie?

Reactjs 如何获取js Cookie?,reactjs,cookies,redux,font-awesome,js-cookie,Reactjs,Cookies,Redux,Font Awesome,Js Cookie,我使用了redux,我想使用cookies项获取API,如下所示: import cookies from "js-cookies"; api/get_liste/${cookies.getItem("moncentre")} 当我运行我的应用程序时,${cookies.getItem(“moncenter”)}为null 我的代码沙盒: 我怎样才能修好它 因此这里的问题是,您从未在应用程序中设置cookie,然后尝试获取从未存在的cookie,因此它将返回null,因为浏览器cookie中

我使用了redux,我想使用cookies项获取API,如下所示:

import cookies from "js-cookies";

api/get_liste/${cookies.getItem("moncentre")}
当我运行我的应用程序时,
${cookies.getItem(“moncenter”)}
null

我的代码沙盒:


我怎样才能修好它

因此这里的问题是,您从未在应用程序中设置cookie,然后尝试获取从未存在的cookie,因此它将返回
null
,因为浏览器cookie中没有该cookie的值

要设置cookie,您应该执行以下操作(根据):

cookies.setItem(“\u code\u sandbox\u key”,“Cookie已设置”。)
工作演示:

您面临的另一件事是您在开发工具中得到的警告,因此根据,此控制台警告不是错误或实际问题-Chrome只是传播有关此新标准的信息,以提高开发人员的采用率。要解决此问题,您应该添加
SameSite=“none-Secure”
(然后使用开发工具清除所有cookie),让浏览器知道脚本与您的站点无关,您正在使用的是第三方库

<script src="https://kit.fontawesome.com/a076d05399.js" SameSite="none Secure"></script>


注意:您可以按照此了解更多信息。

Moncenter是否与Fontaweasome关联?否@SMAKSS它与Fontaweasome无关,因此从该cookie获取
null
与您收到的警告无关。你是如何设置cookie的?@smaks我使用cookies就像post@SMAKSS你能检查一下吗?谢谢你,但是我怎样才能得到另一个域的cookie呢?@CodeLover实际上是因为,你不能从另一个域读取或设置cookie。