react context上下文的使用

2021-10-04 20:12:51 字數 513 閱讀 5799

react 中,資料是通過 props 屬性自上而下(由父及子)進行傳遞的,但這種做法對於某些型別的屬性而言是極其繁瑣的。context 設計目的是為了共享那些對於乙個元件樹而言是「全域性」的資料。

// context 可以讓我們無須明確地傳遍每乙個元件,就能將值深入傳遞進元件樹。

// 為當前的 theme 建立乙個 context(「light」為預設值)。

const themecontext = react.

createcontext

('light');

class

extends

react.component

}// 中間的元件再也不必指明往下傳遞 theme 了。

function

*******()

class

themedbutton

extends

react.component

/>;}

}

react context上下文使用

首先介紹下什麼是上下文以及為什麼要使用上下文,react狀態一般情況是由父元件通過props向子元件傳遞的,那麼如果出現巢狀比較深的元件,並且只是最後乙個子元件需要使用頂層元件的狀態這樣一級級傳遞會顯得麻煩而且不好維護,上下文的作用是在當前元件宣告乙個公共的狀態,不需要通過props的傳遞,子元件需...

上下文 上下文棧

全域性 函式 區域性 在執行全域性 前將window確定為全域性執行上下文 對全域性資料進行預處理 var定義的全域性變數 undefined,新增為window的屬性 function宣告的全域性函式 賦值 fun 新增為window的方法 this 賦值 window 開始執行全域性 在呼叫函式...

中斷上下文 程序上下文

在學習與作業系統相關的知識時候,我們經常遇到程序上下文 中斷上下文,看似熟悉又感覺不是特別清晰。這裡我們從如下幾個方面進行描述。上下文是從英文中context翻譯過來的,指的是一種環境。上下文我們看起來不怎麼熟悉,但是我們可以看context的中文翻譯,或者我們能更加的情形些。context n 語...