react -navigation中的页面跳转传值于组件的状态

页面跳转传值

我们平时使用react-navigation作为导航组件来开发时 进行页面跳转,就可以使用 navigate(),

此方法用法如下:

ppp.png

当你点击这个iconfont图标时 ,他会跳转到 routeName 为 user 的页面, 并且会将第二个参数传过去,

然后 在user 页面利用 this.props.navigation.state.params 这样就能拿到上一个页面传递过来的参数。


还可以回调传参,比如:

hhhh.png


在下一个界面返回之前 执行函数回调传参给上一个页面。



组件的状态

我们可以在组件加载的时候定义一些该组件的初始状态,也就是一个对象:

oooo.png


这个对象可以通过 this.state 读取。 

还可以通过 this. setState 方法去修改状态值 , 每次修改以后,自动会调用 this.render 方法, 再次渲染组件。

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容