1. 程式人生 > >react頁面傳值 props 傳值

react頁面傳值 props 傳值

本人小白,文章存在誤導之處,還請多多諒解,下面開始......

公司react專案,自己所負責的模組遇到了頁面傳值問題,不會redux啊!沒辦法,利用react-router-dom來實現,利用react-router-dom裡面的history來進行傳值,目前實現了,但是個人覺得還是不好,存在一定的問題待解決,開始程式碼......

方法一:

路由中寫入:

<Route path=' /test/:data ' component={test}></Route>

跳轉時寫入:

this.props.history.push( '/user/'+'2' )

接受頁面寫入:

this.props.match.params.data;

例子說明:

router寫入:<Route path="/xinxi:id" component={xinxi}/>

A頁面寫入: let datadata=encodeURIComponent(data)
                     this.props.history.push(`/xinxi${datadata}`)

B接受頁面:this.props.match.params.id;

這樣寫還減少了有些跳轉路徑問題,如果只用網上大多數人的寫法,其中的坑還是有的,頁面跳轉切換就能看出來,尤其是傳遞路徑時候,所以個人建議這樣寫;

方法二:

利用Redirect 

<Redirect push to="/sample" />; //or <Redirect push to="/sample?a=xxx&b=yyy" />

其他:

還有很多辦法,目前這第一種實現了,但是第二種跳轉可以實現,傳引數我沒有寫好,一直沒實現,也沒有來得及嘗試,

希望會的同學也可以教教我......