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" />
其他:
還有很多辦法,目前這第一種實現了,但是第二種跳轉可以實現,傳引數我沒有寫好,一直沒實現,也沒有來得及嘗試,
希望會的同學也可以教教我......