react類元件的第四個屬性context

2021-10-03 05:51:59 字數 1777 閱讀 2291

步驟如下:

import from 'react'

let =createcontext()

provider是生產者,consumer為消費者

傳值的話必須是value

myprovider裡的index.js

import react,

from

'react'

let context =

createcontext()

let= context

class

myprovider

extends

component

>

<

/provider>

<

/div>)}

}export

index.js

import

from

'./component/myprovider'

import store from

'./store'

reactdom.

render

(>

>

<

/myprovider>

, document.

getelementbyid

('root'))

;

在元件裡拿到 consumer,誰用誰就加乙個consumer的標籤

}<

/consumer>

consumer 只是能在render進行渲染

要想在在方法裡拿到context, 使用context傳來的資料的元件裡寫乙個 contexttype的靜態屬性

static contexttype=context

static 就是定義靜態的方法或者屬性,這裡相當於給child定義了乙個靜態屬性contexttype,它的值是context

設定後, 就可以用 this.context拿到context傳過來的資料

component/father資料夾

index.js

import react,

from

'react'

import node from

'./../node'

import

from

'./../myprovider'

import actioncreator from

'./actioncreator'

export

default

class

father

extends

component

context.

subscribe

(this

.subscribe.

bind

(this))

}subscribe()

)}inc=()

=>

render()

>

+<

/button>

>

<

/div>)}

}

第四個議題

在每個問題後面,請說明哪一章節的什麼內容引起了你的提問,提供一些上下文 列出一些事例或資料,支援你的提問 說說你提問題的原因,你說因為自己的假設和書中的不同而提問,還是不懂書中的術語,還是對推理過程有疑問,還是書中的描述和你的經驗 直接經驗或間接經驗 矛盾?當我讀到第25章的時候。講到價值的度量與優...

c語言的第四個部落格

迴圈語句 在螢幕上輸出以下圖案 include include pragma warning disable 4996 intmain printf n for i 1 i 7 i printf n system pause return0 i求出0 999之間的所有 水仙花數 並輸出。水仙花數 是...

第四個基礎練習題

練習1 定義乙個修飾許可權為private的成員變數,並定義兩個成員方法乙個成員方法實現為次成員變數賦值,另乙個成員方法獲取這個成員變數的值,保證其他類整合該類時能獲取該類的成員變數的值。練習2 嘗試編寫乙個矩形類,將長與寬作為矩形類的屬性,在構造方法中將長 寬初始化,定義乙個成員方法求此矩形的面積...