React Native之最構(gòu)建對(duì)象通過(guò)構(gòu)造方法傳遞值然后再獲取值

1 問(wèn)題

在一個(gè)文件構(gòu)建一個(gè)對(duì)象,然后在另外一個(gè)文件里面new這個(gè)對(duì)象,通過(guò)構(gòu)造方法傳遞參數(shù),然后再獲取這個(gè)參數(shù)

 

2 測(cè)試代碼

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

這里我們可以直接在構(gòu)造方法里面寫(xiě)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: '點(diǎn)擊我'};
           }
     
           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 運(yùn)行結(jié)果

一開(kāi)始的效果

然后 點(diǎn)擊"點(diǎn)擊我"效果如下

 












作者：chen.yu
深信服三年半工作經(jīng)驗(yàn)，目前就職游戲廠商，希望能和大家交流和學(xué)習(xí),
微信公眾號(hào)：編程入門(mén)到禿頭 或掃描下面二維碼
零基礎(chǔ)入門(mén)進(jìn)階人工智能(鏈接)