本文共 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/