我是反应和开发反应应用程序的新手，我希望用户可以在前端保存他/她选择的值，以后也可以通过单击按钮查看这些值，用户可以看到之前选择了哪些值。现在的问题是如何提供此功能，我研究过它可以通过本地存储或反应中的数据绑定概念来完成，但我不知道在我的场景中哪个最好实现。
让我借助图表向您解释。
（带有指标生成的第一张图片）这是我的 React 应用程序的主页，在“问题和指标”部分下有一个叫做关联指标的东西，这些是用户在前端选择自己的值。
（带有详细用户控件的第二张图片）这是定义所有用户控件的页面，用户可以在此处选择值，最后当用户单击“关联”时，它将被关联并且值已显示在相关指标部分，从该用户单击任何相关指标时，它将显示用户在前端选择的所有值。
干杯。
在 Web 应用程序中保存数据与 React 或任何其他前端技术无关。
数据绑定是一个关于如何在某些数据更改时更新视图的概念，它与如何保存数据完全无关。但与现代前端技术（如反应和角度）如何渲染组件有关。
您可以使用不同的方法将数据保存在 Web 应用程序中，每种方法都适用于特定的用例 - 因此您应该使用适合您的方法。
例如，您可以使用以下任何一种：
Cookies：在前端保存数据的旧方式，可以无限保留，但如果用户决定删除它们或从浏览器中清除数据，也可以将其删除。Cookies Get 发送到服务器端，每个请求通过浏览器完成，大小有限制。
IndexedDB：这个实际上就像浏览器内部的数据库，查询数据时速度非常快，而且比 Cookies 和 LocalStorage 具有更大的大小限制。但是，这是一个非常低级的 API。不推荐使用它，除非你真的需要它的功能。也可以无限停留，也可以被用户删除。
LocalStorage：新的浏览器 API 来持久化数据，比 Cookies 和 IndexedDB 更容易处理，可以无限保留，但也可以被用户删除。具有比 Cookie 更大的大小限制，但小于 IndexedDb。
SessionStorage：为每个选项卡保存的数据，并在页面会话结束时清除数据。
最后，如果您希望数据永久存在并且用户无法删除它，您必须在后端执行自己的解决方案。