React上下文提供程序的顺序

Question

如果我有多个上下文提供程序，顺序重要吗？它看起来确实是这样，但我找不到任何官方文件。

例如：

<SessionProvider>
<AuthProvider>
<App />
</AuthProvider>
</SessionProvider>

上面的代码似乎是在AuthProvider中执行useEffect代码，然后在SessionProvider中执行(两者都在使用React上下文)。

谢谢你的帮助！

Answer 1

实际上，如果您没有在auth上下文中使用session上下文，或者没有使用任何嵌套上下文，那也没关系。

但是，如果您在AuthProvider中使用源自SessionProvider的一些数据，那么当然，Session上下文数据必须在AuthProvider中可用，因此Session必须用作顶部父元素。