当组件嵌套层级很深时,最外层组件传递数据到最内层应用props层层传递既繁琐、不便于写,也不直观。这时候能够应用context传参。
这里介绍React Hooks中应用context传参 (有别于React Class中的应用)
提供数据组件:
1、须要应用React.createContext创立context (如UserContext);并export UserContext。
2、应用创立出的UserContext.Provider作为先人元素包裹接收数据的组件。
3、在<UserContext.Provider>上应用value属性传递须要用context传递的数据。
承受数据的组件:
1、引入提供数据组件创立的context (这里是UserContext)
2、useContext接收数据
3、应用
代码:
提供数据组件:
接收数据组件:
完结
同步更新到本人的语雀
https://www.yuque.com/diracke...