2.2.2.3 参数传递
获取Primeton.page.goTo()传入参数
getParameter();
getParameter是PageComponet类的成员方法,在页面类中通过调用this.getParameter()获取上一页传入参数。
示例:
跳转代码
Primeotn.page.goTo(“/src/pages/LoginPage.js”,{user_ID:“zhangsan”});
LoginPage页面
import React, { Component} from 'react';
import {PageComponent} from "primeton-mobile";
import {View} from 'react-native';
export default class LoginPage extends PageComponent {
/**
* 页面构造方法,可获取传入参数,页面初始化。
*/
constructor(props) {
super(props);
//获取上一页面传入,parameter={user_ID:”zhangsan”}
let parameter = this.getParameter();
}
/**
* 渲染页面,继承自Component。
*/
render() {
return (
<View style={[{ flex: 1 }]}>
</View>
);
}
}
获取Primeton.page.goBack()返回参数
onBack(param);
onBack是PageComponent的成员事件,当调用Primeton.page.goBack,页面栈顶的页面实例被弹出显示时,将触发该页面实例的onBack事件。事件参数param即Primeton.page.goBack(param)返回参数。
示例:
返回代码
Primeotn.page.goBack({user_ID:“zhangsan”});
栈顶页面代码
import React, { Component} from 'react';
import {PageComponent} from "primeton-mobile";
import {View} from 'react-native';
export default class LoginPage extends PageComponent {
/**
* 页面构造方法,可获取传入参数,页面初始化。
*/
constructor(props) {
super(props)
}
/**
* 从后一页调用Primeton.page.goBack返回时触发
* @param {*} param Primeton.page.goBack方法返回的参数
*/
onBack(param) {
//输入{user_ID:”zhangsan”}
console.log(param)
}
/**
* 渲染页面,继承自Component。
*/
render() {
return (
<View style={[{ flex: 1 }]}>
</View>
);
}
}