react 元件之間通訊傳值的多種方法實現

2021-09-13 22:43:26 字數 813 閱讀 2368

我們先寫乙個createaction的函式:

export function setanalysisparams(params) 

}

在reducer裡面:

export default function reducer(state = initialstate, action = {}) ;

default:

return state;

}

當action觸發reducer時,會把action的result傳給reducer的params。寫好這裡,我們就可以在元件中傳給adction params了。

@connect(

() => (),

)

先把actioncreator拿出來。

在元件的某個需要的地方,可以直接向它傳我們要放進redux裡的資料:

this.props.setanalysisparams();
這時,我們就可以在另外乙個元件中取到剛剛放進去的資料。

另外乙個元件:

@connect(

state => (),

{})

把redux中的params資料對映到example上。

下面,就可以用了:

const  = this.props.example; //取出資料名
以上,就實現了redux來傳值的方法。適合非父子元件且巢狀關係複雜的元件之間資料的傳遞。

react元件之間傳值

在做專案的過程中元件之間不可避免的要進行傳值的操作,本人寫react也已經寫了一年多了,現在總結一下react元件之間的傳值方式,希望能為您帶來幫助.1.父子元件之間傳值 1.在父元件中需要引入子元件,使用的時候跟標籤的寫法一樣,父元件把要傳的值寫到子元件裡,子元件通過this.props.name...

React之間的元件傳值

目前我有兩個元件 1.todoitem 2.todolist 其中todolist向todoitem傳值 傳值部分詳解 父元件向子元件傳值通過屬性的形式 import todoitem from todoitem 記得引入子元件 this.state.list.map item,index 為子元件...

react父子元件傳值 react元件通訊

react元件之間的通訊,其實就是通過乙個props建立彼此之間的橋梁,而我們最常用的就是父子傳值,子父傳值,以及兄弟之間傳值 1 父元件給子元件傳值 父元件給子元件傳值相對比較簡單,如果想讓他們倆之間有所聯絡,想傳遞父元件的資料,那麼我們就在父級元件中的子元件標籤上定義乙個屬性,而屬性的值就是我們...