React,Hooks中useContext的使用

2021-10-08 16:24:51 字數 510 閱讀 2727

之前在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()

React Hooks 初步嘗試

1.usestate 返回乙個 state,以及更新 state 的函式。const state,setstate usestate initialstate 如果初始 state 需要通過複雜計算獲得,則可以傳入乙個函式,在函式中計算並返回初始的 state,此函式只在初始渲染時被呼叫 const...

react hooks 實戰練習

在class中,我們是通過建構函式中,設定state的 this.state 在函式中,沒有this,所以之前的this都不能分配和讀取了,然後在hook中用到了usestate import react,from react 先引入usestate const customeraccess pro...

React Hooks簡單解析

react hooks是16.8新出的特性,只對函式式元件生效,對class元件無效 hooks是特殊但函式,可使函式式元件使用react的特性 函式式元件不能設定和使用state,只能使用props,但hooks可使函式式元件使用及設定state import react,from react f...