我們先寫乙個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 父元件給子元件傳值 父元件給子元件傳值相對比較簡單,如果想讓他們倆之間有所聯絡,想傳遞父元件的資料,那麼我們就在父級元件中的子元件標籤上定義乙個屬性,而屬性的值就是我們...