context的使用

1. context是一個上下文環境，
2. 使用Context提供的provider和consumer組件來實現跨層級的組件數據傳遞。
3. 簡單使用

   //context.js
   import React from 'react'
   //建立context的實例
   const myContext = React.createContext()
   export default myContext;

   //app.js
   import myContext from './context'
   
   function App(props) {
       //提供生產者，並傳入value屬性
       return (<myContext.Provider value={{name: 'xiaomi', age: '17'}}>
           <Header/>
       </myContext.Provider>)
   }

   //title.js
   import myContext from '../context'
   
   function Header(props) {
   //在孫組件title裏面消費context，而不用經過header這個子組件
       return (<myContext.Consumer>
           {(context) => <p>name:{context.name} age:{context.age}</p>}
       </myContext.Consumer>)