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>

        );
    }
}
该文件修订时间: 2021-01-14 15:02:10

results matching ""

    No results matching ""