react页面传值 props 传值

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

公司react项目,自己所负责的模块遇到了页面传值问题,不会redux啊!没办法,利用react-router-dom来实现,利用react-router-dom里面的history来进行传值,目前实现了,但是个人觉得还是不好,存在一定的问题待解决,开始代码......

方法一:

路由中写入:

跳转时写入:

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

接受页面写入:

this.props.match.params.data;

例子说明:

router写入:

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

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

这样写还减少了有些跳转路径问题,如果只用网上大多数人的写法,其中的坑还是有的,页面跳转切换就能看出来,尤其是传递路径时候,所以个人建议这样写;

方法二:

利用Redirect 

; //or

其他:

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

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

 

 

 

 

你可能感兴趣的:(react页面传值 props 传值)