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 运行结果
一开始的效果
然后 点击"点击我"效果如下
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。