Breaking News: Grepper is joining You.com. Read the official announcement!

set cookie in reactjs

Add Answer

30_Savaliya Denish answered on March 23, 2021 Popularity 10/10 Helpfulness 5/10

answer set cookie in reactjs

related react set cookie

related how to use cookies in react js

related create cookie javascript react

related how to use cookies in react class component

related react cookie

set cookie in reactjs

Comment

npm install react-cookie
        or 
yarn add react-cookie

import { useCookies } from 'react-cookie'

const SignInComponent = () => {


const [cookies, setCookie] = useCookies(['access_token', 'refresh_token'])

async function onSubmit(values) {
    const response = await getOauthResponse(values);

    let expires = new Date()
    expires.setTime(expires.getTime() + (response.data.expires_in * 1000))
    setCookie('access_token', response.data.access_token, { path: '/',  expires})
    setCookie('refresh_token', response.data.refresh_token, {path: '/', expires})


}


}

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript reactjs set

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

30_Savaliya Denish

0 Answers Avg Quality 2/10

Closely Related Answers

react set cookie

Comment

import Cookies from 'universal-cookie';
const cookies = new Cookies();
cookies.set('myCat', 'Pacman', { path: '/' });
console.log(cookies.get('myCat')); // Pacman

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 24 2022

Abdullah Al Muzaki

0 Answers Avg Quality 2/10

how to use cookies in react js

Comment

const [cookies, setCookie, removeCookie] = useCookies(['cookie-name']);

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: www.npmjs.com

Tags: cookies

Link to this answer
Share Copy Link

Contributed on Mar 23 2021

Alert Armadillo

0 Answers Avg Quality 2/10

create cookie javascript react

Comment

createCookieInHour: (cookieName, cookieValue, hourToExpire) => {
    let date = new Date();
    date.setTime(date.getTime()+(hourToExpire*60*60*1000));
    document.cookie = cookieName + " = " + cookieValue + "; expires = " +date.toGMTString();
},

//create any new cookie 
createCookieInHour('cookieName', 'cookieValue', 5);

//view cookies
let cookie = document.cookie.split(';');
console.log('cookie : ', cookie);

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 16 2021

Grieving Gharial

0 Answers Avg Quality 2/10

how to use cookies in react class component

Comment

-2

import React, { Component } from "react";
import { instanceOf } from "prop-types";
import { withCookies, Cookies } from "react-cookie";

class App extends Component {
  static propTypes = {
    cookies: instanceOf(Cookies).isRequired
  };

  state = {
    user: this.props.cookies.get("user") || ""
  };

  handleCookie = () => {
    const { cookies } = this.props;
    cookies.set("user", "gowtham", { path: "/" }); // setting the cookie
    this.setState({ user: cookies.get("user") });
  };

  render() {
    const { user } = this.state;
    return (
      <div className="App">
        <h1>React cookies</h1>
        {user && <p>{user}</p>}
        <button onClick={this.handleCookie}>Set Cookie</button>
      </div>
    );
  }
}

export default withCookies(App);

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: reactgo.com

Tags: class clas

Link to this answer
Share Copy Link

Contributed on Apr 02 2022

Healthy Hoopoe

0 Answers Avg Quality 2/10

react cookie

Comment

-2

// server.jsrequire('@babel/register'); const express = require('express');const serverMiddleware = require('./src/server').default;const cookiesMiddleware = require('universal-cookie-express'); const app = express(); app  .use('/assets', express.static('dist'))  .use(cookiesMiddleware())  .use(serverMiddleware); app.listen(8080, function() {  console.log('Listening on 8080...');});

Popularity 10/10 Helpfulness 1/10 Language cpp

Source: www.npmjs.com

Tags: c++

Link to this answer
Share Copy Link

Contributed on Jul 30 2021

Fantastic Fowl

0 Answers Avg Quality 2/10

set cookie in reactjs

Contents

More Related Answers

set cookie in reactjs

Closely Related Answers

react set cookie

how to use cookies in react js

create cookie javascript react

how to use cookies in react class component

react cookie

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.