react 三 全域性傳參

2021-10-01 22:14:14 字數 1071 閱讀 8708

全域性傳參的兩種方式

1、存入本地,可以實現雙向傳遞

新增本地資料

值必須是字串,如果是列表或物件需要

json

.stringify

(data)

localstorage.

setitem

('鍵'

,'值'

)獲取本地資料

如果值是列表或物件

json

.parse

(localstorage.

getitem

('鍵'

))

2、利用context特性,單向傳遞,無法修改

context特性需要在父元件定義乙個方法和乙個靜態屬性並進行屬性校驗,在呼叫的子元件定義乙個靜態屬性並進行屬性校驗

父組建中:

方法必須返回乙個物件

getchildcontext()

}靜態屬性必須校驗

static childcontexttypes =

子元件中:

static contexttypes =

在子元件中呼叫

元件中修改狀態state

首先在需要修改的元件中定義乙個函式,並將函式引用傳遞給觸發元件

loaddata=(

)=>)}

render()

>

<

/hello>

<

/div>

}

接下來在觸發元件中某個時間中呼叫這個函式

export

default

class

hello

extends

react.component

/>

<

/div>

}clickbtn=(

)=>

}

react 路由傳參

今天,我們要討論的是react router中link傳值的三種表現形式。分別為通過萬用字元傳參 query傳參和state傳參。ps 進入正題前,先說明一下,以下的所有內容都是在react router v4的版本下。1.params route定義方式 link元件 html方式 萬用字元 js...

react元件傳參

父元件向子元件傳參 父傳子通過 props 屬性向子元件的attr中傳值 父元件 parent.js import react,from react import child from child export default class parent extends component rende...

React路由傳參

當我們要進行跳轉的時候,通常會把一些引數傳到另乙個元件上去,以便跳轉到的元件可以輕而易舉的拿到引數。通常通過params query state以及search這四種方法進行傳參,接下來讓我給你們演示一下 path id component path指路徑 component指所跳轉的元件 path...