react函数组件中使用context

效果

1.在父组件中创建一个createcontext并将他导出

import React, { createContext } from 'react'import Bpp from './Bpp'import Cpp from './Cpp'export let MyContext = createContext('我是组件B')export let Ccontext = createContext('我是组件C') export default function App() {let a = '我是A组件传递的数据'let a1 = '我是A组件传递的二号数据'return (context组件传值  )}

2.子组件先将父组件引入，然后通过usecontext方法进行接收

import React, { useContext } from 'react'import {Ccontext} from './App' export default function Cpp() {let Cdate=useContext(Ccontext)return ({Cdate})}