博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react(二)
阅读量:3934 次
发布时间:2019-05-23

本文共 496 字,大约阅读时间需要 1 分钟。

快速开始

npx create-react-app my-appcd my-appnpm start

组件的跨层级通信 Context

包含两个角色
· Provider: 外层提供数据的组件
· Consumer:内层获取数据的组件
使用Context
创建Context=》获取Provider和Consumer =〉Provider提供值=》Consumer消费值
例子

//App.jsimport React from 'react'import Home from './pages/Home'import User from './pages/User'import {
Provider } from './AppContext'//引入context的Provider const store = {
home: {
imgs: [ {
src: 'qweqweqweq' } ] }, user: {
isLogin: true, }}function App(){
return(
)}

转载地址:http://jwrgn.baihongyu.com/

你可能感兴趣的文章
设计的理念
查看>>
多线程专题 - 脉络图
查看>>
javascript 函数,BOM
查看>>
javascript 客户端能力检测
查看>>
javascript DOM详解之DOM1
查看>>
javascript DOM扩展
查看>>
矛盾论读书笔记
查看>>
规则 - 利用CDN缓存
查看>>
什么是统计学中的 Standard Error ( SE )?
查看>>
统计学中的标准差(SD)和 平均值的标准误差(SEM)的区别
查看>>
[数据挖掘与预测分析] 单变量统计分析思考问题
查看>>
[统计学笔记] (十三)指数分析(2)
查看>>
Data Science 到底是什么?
查看>>
机器学习(Machine Learning)和传统的数据统计分析(Data Statistics)有什么区别?
查看>>
统计学、统计学习和统计推断之间的关系
查看>>
PMP笔记:质量管理的七个工具
查看>>
悦读:重新定义公司-谷歌是如何运营的
查看>>
研发主管的烦恼:周一早晨延迟的项目会议
查看>>
研发主管的烦恼:难以执行的绩效考核
查看>>
精益Scrum(五)
查看>>