react实战Hooks之useContext

crayon-shin-chan

于 2021-02-25 22:56:42 发布

阅读量358

点赞数

CC 4.0 BY-SA版权

分类专栏： surprise react 文章标签： react

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_27868061/article/details/114107989

surprise 同时被 2 个专栏收录

932 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

50 篇文章

订阅专栏

本文介绍了React Hooks中的useContext，详细阐述了useContext的功能和使用方法。当组件的上层有更新时，使用useContext的组件将依据最新的context值重渲染。正确使用useContext需要传递context对象本身，而非其返回值。useContext让组件能够订阅context的变化，但可能导致不必要的重渲染。在实际应用中，useContext常用于在组件树中传递一组属性，例如样式主题，通过更改Provider的value来切换主题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.简介

const value = useContext(MyContext);

接收一个 context 对象（React.createContext 的返回值）并返回该 context 的当前值。
当前的 context 值由上层组件中距离当前组件最近的 <MyContext.Provider> 的 value prop 决定。
当组件上层最近的 <MyContext.Provider> 更新时，该 Hook 会触发重渲染，并使用最新传递给 MyContext provider 的 context value 值。即使祖先使用 React.memo 或 shouldComponentUpdate

了解本专栏

超级会员免费看

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。