本人小白,文章存在误导之处,还请多多谅解,下面开始......
公司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" />
其他:
还有很多办法,目前这第一种实现了,但是第二种跳转可以实现,传参数我没有写好,一直没实现,也没有来得及尝试,
希望会的同学也可以教教我......