React中为何数据获取算副作用，访问window.location却不算？

一、为什么读取window.location不需要强制放进useEffect？ #

你之前对副作用的认知偏宽泛——React中需要用useEffect处理的副作用，特指那些会：

• 修改外部状态（比如修改DOM、设置定时器、发送网络请求）
• 依赖外部可变状态，且该状态变化无法被React自动追踪，会导致组件渲染结果不一致的操作

单纯读取window.location的区别在于：

• 它是只读操作，不会修改任何外部状态，不会对应用程序的其他部分产生影响；
• ESLint的依赖检查规则默认不把全局对象（比如window）纳入依赖项，因为全局变量不属于组件的props/state范畴；
• 但要注意：如果组件渲染结果直接依赖window.location的值，直接读取可能会导致stale渲染——比如地址栏变化了，但组件没有重新渲染。这种情况下，你应该用useEffect监听window.location的变化来更新组件状态，或者用React 18+的useSyncExternalStore订阅这个外部状态，确保组件能及时响应变化。

二、函数式组件是纯函数吗？ #

函数式组件并非严格意义上的纯函数，但React要求组件的渲染阶段必须是纯的：

• 纯函数的定义是“相同输入（props/state）必须返回相同输出，且无副作用”，但实际开发中，组件难免会读取全局变量（比如window.location）或浏览器API；
• React的核心要求是：在组件的渲染函数（即函数组件的主体部分）中，不能执行会修改外部状态的操作，也不能依赖会随机变化的外部值（除非你能确保这些值变化时组件会重新渲染）；
• 所以不是“写入纯”，而是渲染过程要保持纯——只要渲染时不修改外部状态，且同一组props/state下输出一致，就符合React的要求。如果必须依赖外部可变状态，就要通过React提供的API（比如useEffect、useSyncExternalStore）处理，让这些依赖成为组件状态的一部分，从而维持渲染的纯性。

内容的提问来源于stack exchange，提问作者sw1337