React Native之最构建对象通过构造方法传递值然后再获取值

1 问题

在一个文件构建一个对象,然后在另外一个文件里面new这个对象,通过构造方法传递参数,然后再获取这个参数

 

2 测试代码

Student.js文件如下

    'use strict';
     
    import React from 'react'
     
    import {NativeModules, NativeEventEmitter, DeviceEventEmitter,Alert} from 'react-native'
     
    class Student {
        constructor(name: string) {
        this.name = name;
        }
        _getName = () => {
        console.log("_getName");
        return this.name;
        };
    }
     
    export default Student

这里我们可以直接在构造方法里面写this.name,而且不需要声明,但是在java里面肯定是要声明 name才行.

 

App.js文件如下

    import React from 'react';
    import {View, Text} from 'react-native';
     
    import Student from "./Student";
     
    export default class App extends React.Component {
            
           constructor(props) {
              super(props);
              this.state = {name: '点击我'};
           }
     
           render() {
              return (
                <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
                  <Text
                  onPress={() => this._press()}
                   >{this.state.name}</Text>
                </View>
              );
           }
     
           _press = () => {
               console.log("HomeScreen press");
               let student = new Student("chenyu");
               let StudentName = student._getName();
           console.log("name is:" + StudentName);
           this.setState({name: StudentName});
           }
    }

 
3 运行结果

一开始的效果

然后 点击"点击我"效果如下

 












作者:chen.yu
深信服三年半工作经验,目前就职游戏厂商,希望能和大家交流和学习,
微信公众号:编程入门到秃头 或扫描下面二维码
零基础入门进阶人工智能(链接)