使用React上下文时避免重复
使用React上下文时避免重复
提问于 2019-02-26 19:36:49
我使用React上下文进行状态管理，代码环境不喜欢上下文提供者的重复。
有没有什么方法可以去掉重复的东西？
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-02-26 22:06:07
对于此特定代码，可以放宽code气候规则。
也就是说，您可以将上下文的当前使用转换为React组件，该组件将其道具公开为通道，以便在通用上下文提供程序中提供值。
例如，可以创建一个将其属性转发到通用CollectionContext.Provider的WithCollection组件。整合了CollectionContext.Provider中的函数TasksContext.Provider和CommentsContext.Provider。
class WithCollection extends React.Component {
render() {
const {children, ...value} = this.props
return (
<CollectionContext.Provider value={value}>
{children}
</CollectionContext.Provider>
);
}
}它的用法如下：
<WithCollection tasks={this.state.tasks}>
//...
</WithCollection>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54884661
复制相关文章
相似问题
腾讯云开发者
