¿Cómo gestionar las cookies en Reactjs?

La gestión de cookies en React.js se puede lograr utilizando varios paquetes de NPM que nos permiten trabajar con cookies de manera más efectiva. Vamos a ver cómo se puede hacer esto usando ‘js-cookie’ y ‘react-cookie’.

1) Usando js-cookie:

Primero, instale el paquete ejecutando el siguiente comando en su terminal:

```sh
npm install js-cookie —save
```

Luego, en su archivo de React, puede importar y usar este paquete de la siguiente manera:

```js
import Cookies from ‘js-cookie’;

// Crear una cookie
Cookies.set(‘miCookie’, ‘miValor’, { expires: 7 }); //expires es opcional y determina cuando caduca la cookie.

// Leer una cookie
console.log(Cookies.get(‘miCookie’));

// Borrar una cookie
Cookies.remove(‘miCookie’);
```

2) Usando react-cookie:

Instale el paquete ‘react-cookie’ a través de npm:

```sh
npm install react-cookie —save
```

Para usarlo en su componente, importe ‘CookiesProvider’ y ‘useCookies’ de ‘react-cookie’ como:

```js
import { CookiesProvider, useCookies } from ‘react-cookie’;

// usar dentro de un componente
function MiComponente() { const [cookies, setCookie, removeCookie] = useCookies([‘miCookie’]);

// Crear una cookie setCookie(‘miCookie’, ‘miValor’, { path: ‘/’ }); // Leer una cookie console.log(cookies.miCookie); // Borrar una cookie removeCookie(‘miCookie’); …

}
```

Y asegúrese de envolver su aplicación o componente en CookiesProvider en el archivo principal, generalmente index.js:

```js
import { CookiesProvider } from ‘react-cookie’;

ReactDOM.render( , document.getElementById(‘root’)
);
```

Recuerde, en cualquier configuración de cookies, siga atentamente las leyes y regulaciones aplicables en su jurisdicción, como la GDPR en Europa, que requiere el consentimiento explícito del usuario para ciertos tipos de cookies.