如何在 ReactJS/HTML/CSS 网站中实现 cookie 同意并能够关闭 cookie？

Question

我在一个网站上工作，我们目前有一个 cookie 横幅，它在启动时显示并有一个确定按钮。 但是我想改变这一点，让用户可以选择打开/关闭他们希望跟踪的 cookie 类别。 像这样： https : //www.cookiebot.com/media/1089/cookiebot-cookie-notice.png?width=500&height=113.5670731707317

我是 reactjs 的新手，我在网上寻找库或示例，但找不到某些东西，但我相信它们会很多。 任何帮助或指导将不胜感激。

我曾考虑将每种类型的 cookie 添加到特定组并创建一个函数，然后从前端调用该函数，但如果已经有解决方案，它将节省时间，我担心跨浏览器/设备也支持。

谢谢。

Answer 1

如果您使用函数式组件，如您在 React 中描述的那样（用户能够设置和更新 cookie 首选项）实现 cookie 同意横幅的无依赖方式是使用上下文和钩子，如本文所述： https://daankauwenberg .com/react-cookie-consent/

Answer 2

您可以为此使用react-cookie包。

然后对其使用相关的方法。 例如，如果用户同意保存cookie，setCookie 将被调用。