如何解决React Context：嵌套重用/增强反模式？
我想知道创建嵌套上下文提供程序（相同的上下文）并逐步扩展数据是否是一种反模式。因此，使用当前上下文并从该点向下丰富/覆盖它。
这种方法有明显的（对我来说还没有）缺点吗？
是否有我可能遗漏的相关术语，以便搜索更多信息？
为什么
我正在为产品构建一种 ABAC 系统。此访问可能会受到可用于特定项目的不同项目的影响。
方法
const AuthContext = React.createContext({});
const AuthContextProvider = ({ children,value }) => {
const parentAuth = React.useContext(AuthContext);
const updatedAuth = { ...parentAuth,...value };
return (
<AuthContext.Provider value={updatedAuth}>{children}</AuthContext.Provider>
);
};
我的用法类似于
<AuthContextProvider value={{ user }}>
<SomeConsumingComponent permission="RE_ORDER" />
...
<AuthContextProvider value={{ question: question1 }}>
<SomeConsumingComponent permission="EDIT_TEXT" />
</AuthContextProvider>
....
<AuthContextProvider value={{ question:question2 }}>
<SomeConsumingComponent permission="MODIFY_MEDIA" />
</AuthContextProvider>
</AuthContextProvider>
当然，消费组件可以出现在更复杂的结构中，我想在更高的可用点添加相关的“额外”数据。
解决方法
看起来他们正在测试您在此处描述的场景：
请注意，它们正在使用 Provider 中的上下文并改变值（第 286 行）。
既然他们期待这种用法，我看不出有任何理由认为这是一种反模式。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
