How to read cookies with react?

Question

I have a cookie on my browser and I want to read it with react, I use it like that:

import Cookies from 'js-cookie';
console.log(Cookies.get('cookieName1'));

when I run it, I get undefined on the console, but, the cookieName1 have a value on my cookies.

How can I fix it ?

can your print just `Cookies.get();` and show us what you see there...? — Arup Rakshit, Aug 13 '19 at 14:14
Are you sure the cookie is visible to JavaScript? A cookie set by a server can be marked as `HttpOnly` which means that it is not visible from JavaScript — NineBerry, Aug 13 '19 at 14:14
Can you run ```console.log(document.cookie)``` and tell us what you get. — Mark, Aug 13 '19 at 14:20
It sounds like you don't have cookies. When on the site you think you have cookies for go to your developer tools, the application tab and then under storage check the 'Cookies' tab. Is there anything in there? — Mark, Aug 13 '19 at 14:41
@CodeLover Show us what you see there in developer tools. All the properties of the cookies — NineBerry, Aug 13 '19 at 14:55
@NineBerry I have used js-cookies like the answer and it works well, thank you. — CodeLover, Aug 13 '19 at 15:31
Get cookie by using document.cookie https://stackoverflow.com/a/67707172/1604503 — fukit0, May 26 '21 at 14:42

Vipin Yadav · Accepted Answer · 2019-08-13T15:20:21.330

1

I have used js-cookies which works well.

import cookies from "js-cookies";

const secure = window.location.protocol === 'https'

to set value in cookie use below code

cookies.setItem("API_TOKEN", "hello", undefined, "/", undefined, secure)

to get value from cookie use below code

cookies.getItem("API_TOKEN")

to remove cookie use below code

cookies.removeItem('API_TOKEN')

edited Aug 13 '19 at 15:20

answered Aug 13 '19 at 14:32

Vipin Yadav

1 Answers1