react中祖孙关系组件传递参数

   
// utils下的context.js
import React ,{ createContext} from "react" //createContext 是创建一个上下文对象
export const demoContext = createContext({}) // 创建了一个上下文对象
export const {Provider,Consumer} = demoContext

// 爷爷组件
import {Provider} from "../utils/context"
  <Provider value={obj}>
              <Appson sendfn={sendfn}></Appson>
     </Provider>

// 孙子组件
    import React from 'react'
import {useContext} from "react" // 
import {demoContext} from "../utils/context"
function Appgrand() {
   let contextValue = useContext(demoContext)
   console.log(contextValue,111);
  return (
    <div> 我是爷爷组件传递来的数据{contextValue.name}</div>
  )
}

export default Appgrand