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> ) }