ReactJS 中的“context”和“localStorage”有啥区别？

Posted 2023-04-14

【中文标题】ReactJS 中的“context”和“localStorage”有啥区别？

【英文标题】：What is deferent in using between "context" and "localStorage" in ReactJS?ReactJS 中的“context”和“localStorage”有什么区别？

【发布时间】：2021-09-11 03:37:59

【问题描述】：

我在 ReactJS 中使用上下文时遇到了这个问题。 “上下文”用于保存子组件中使用的全局值。 localStorage 也用于保存全局值。 所以我们可以将两者用于相同的目的。 在 ReactJS 中使用上下文比使用 localStorage 有什么更好的地方？

【参考方案1】：

在写问题之前阅读文档:)

“上下文允许我们将值传递到组件树的深处，而无需显式地将其贯穿每个组件”。它是特定于 React 的，当值改变时组件会重新渲染。 https://reactjs.org/docs/context.html

LocalStorage 是 Web API，将数据保存在浏览器中。更改 localStorage 不会触发重新渲染。 https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

这取决于你需要什么，阅读文档，你会更好地理解。