您好,欢迎来到微智科技网。
搜索
您的当前位置:首页react-hook 之 useContext使用

react-hook 之 useContext使用

来源:微智科技网

1.父元素中定义

export const CountContext =createContext(0);

2.父组件包裹子组件

<CountContext.Providervalue={count}><Counter/></CountContext.Provider>

3.子(包括子的子等)组件使用父组件中provider的值

import CountContext from './定义的地方'    
const count = useContext(CountContext);

使用感受:

传值确实简单了一些。不需要通过props一层一层去获取,看代码的时候也不用同过一层一层的props去找最初的值从哪来。直接看import 的context是从哪来就行 了。

总结:

借鉴:

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- 7swz.com 版权所有 赣ICP备2024042798号-8

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务