useContext

useContext 共享Context

如果是路由组件的话，直接将父组件生成的context组件包裹 路由 Switch 选项

父组件生成 context
export const UserContext = createContext()
​
用 UserContext 包裹需要接受数据的子组件
<UserContext.Provider value={name:"孙悟空"}>
    <子组件/>
</UserContext.Provider>

子组件使用context
import React, { useState, useEffect, useContext } from 'react'
import { UserContext } from '../../APP.js'
​
export default function Recommend() {
    const userContext = useContext(UserContext)
    console.log(userContext)  //取得父组件传递的数据
​
​
    return (
        <div>
            <h2>{userContext.name}<h2>
        </div>
    )
}