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'}}><TextonPress={() => 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 运行结果
一开始的效果
然后 点击"点击我"效果如下
