react中信息傳遞的幾種方式


1.父傳子 父親掛載一個屬性 兒子通過this.props.屬性接收
2.子傳父  父親掛載一個方法 兒子通過this.props調用這個方法並傳遞需要傳遞的參數 父親然后接收
3.路由傳參  
        1.先安裝 npm install react-router-dom --save-dev //這里可以使用cnpm代替npm
        2.定義路由
const BasicRoute = () => ( <HashRouter> 
<Switch> 
    <Route exact path="/" component={Home}/> 
    <Route exact path="/detail" component={Detail}/> 
</Switch> </HashRouter> );
當頁面跳轉的時候  通過這樣傳遞
this.props.history.push({
    pathname:'/detail',
    state:{
    id:3
}
})
然后通過這樣接收
this.props.history.location.state
 
4.狀態提升 簡而言之就是說將多個組件需要共享的狀態提升到離他們最近的那個公共父親身上 然后父親通過props分發給子組件
 
 
5.context
先在頂級父組件定義
 
當使用Context時 必須認證
 
在所有的子組件都可以調用
 
6.也就是我們都使用的redux 了

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com