“Cómo usar cookies en el componente de la clase React” Código de respuesta

Cómo usar cookies en React JS

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

Cómo usar cookies en el componente de la clase React

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);
Healthy Hoopoe

Respuestas similares a “Cómo usar cookies en el componente de la clase React”

Preguntas similares a “Cómo usar cookies en el componente de la clase React”

Más respuestas relacionadas con “Cómo usar cookies en el componente de la clase React” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código