In React wordt het beheer van cookies niet standaard aangeboden, dit moet worden gedaan met behulp van third-party libraries zoals `js-cookie`, `react-cookie` of `universal-cookie`. Hier is een voorbeeld van hoe men dit zou kunnen doen met de `js-cookie` bibliotheek:
1. Installeer eerst js-cookie bibliotheek met npm:
\`\`\` npm install js-cookie —save \`\`\` of met yarn: \`\`\` yarn add js-cookie \`\`\`1. Importeer Cookies in jouw component:
\`\`\`javascript import Cookies from ‘js-cookie’; \`\`\`1. Nu kan je cookies aanmaken, lezen en verwijderen:
- Aanmaken van een cookie:
\`\`\`javascript Cookies.set(‘mijnCookie’, ‘Dit is de waarde van mijn cookie’); \`\`\` Je kan ook een vervaldatum instellen door middel van een optie aan de set-methode toe te voegen. De volgende code slaat een cookie op die na 7 dagen vervalt: \`\`\`javascript Cookies.set(‘mijnCookie’, ‘Dit is de waarde van mijn cookie’, { expires: 7 }); \`\`\`- Lezen van een cookie:
\`\`\`javascript Cookies.get(‘mijnCookie’); // => ‘Dit is de waarde van mijn cookie‘ \`\`\`- Verwijderen van een cookie:
\`\`\`javascript Cookies.remove(‘mijnCookie’); \`\`\`Houd er rekening mee dat cookies in een browseromgeving worden opgeslagen, dus als je server-side rendering gebruikt in jouw React-applicatie, moet je controleren of het `window`-object beschikbaar is voordat je probeert cookies te beheren.
