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

Question

我正在开发一个网站，我们目前有一个 cookie 横幅，它会在启动时显示并有一个确定按钮。但是，我会更改此设置，为用户提供打开/关闭他们希望跟踪的 cookie 类别的选项。像这样的：

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

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

Answer 1

如果您使用功能组件，如您在 React 中描述的（用户能够设置和更新 cookie 首选项）实现 cookie 同意横幅的无依赖方式是使用 Context 和 Hooks，如本文所述：@987654321 @

Answer 2

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

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