react

Posted 2021-05-16 Jay_帅小伙

快速开始

npx create-react-app my-app
cd my-app
npm start

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

//App.js
import 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(
		<div className='app'></div>
	)
}