react--context

---

• 微信扫码关注公众号 ：前端前端大前端，追求更精致的阅读体验 ，一起来学习啊
• 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
  

---

学习资源推荐

import React from 'react';

const { Provider, Consumer } = React.createContext('defaultValue')

const ProviderComp = ({ children }) => (
  <Provider value={'realValue'}>
    {children}
  </Provider>
)

const ConsumerComp = () => (
  <Consumer>
    {(value) => <p>{value}</p>}
  </Consumer>
)


function App() {



  return (
    <div >
      <ProviderComp>
        <ConsumerComp />
      </ProviderComp>
    </div>
  );
}

export default App;