React,Hooks中useContext的使用

之前在class组件里面，有一个Context还好，但是多个的话我们就要进行无限嵌套，特别麻烦

在hooks中如何使用呢??

首先创建一个home.js(父组件),这里定义两个Context来展示效果

import MemoDemoTwo from '(子组件)'

export const UserContext = createContext()
export const ThemeContext = createContext()


        
          
        
      

在MemoDemoTwo子组件中

先import导入UserContext，ThemeContext

要是在class组件里面，我们就要嵌套了

在hooks里面

export default function UseContext() {

  const user = useContext(UserContext)

  const theme = useContext(ThemeContext)
  
  console.log(user,theme)
  
  return (
  )
}