react页面传值 props 传值

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hopefullman/article/details/81535068

本人小白,文章存在误导之处,还请多多谅解,下面开始......

公司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" />

其他:

还有很多办法,目前这第一种实现了,但是第二种跳转可以实现,传参数我没有写好,一直没实现,也没有来得及尝试,

希望会的同学也可以教教我......

猜你喜欢

转载自blog.csdn.net/hopefullman/article/details/81535068