Answers for "how to use cookies in react class component"

2

how to use cookies in react js

const [cookies, setCookie, removeCookie] = useCookies(['cookie-name']);
Posted by: Guest on March-23-2021
0

how to use cookies in react class component

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);
Posted by: Guest on April-02-2022

Code answers related to "how to use cookies in react class component"

Code answers related to "Javascript"

Browse Popular Code Answers by Language