React Native - 组件的成员变量、静态变量、静态函数
作者：hangge | 2017-08-06 08:10
在 React Native 组件中，与本组件显示有关的变量存放在状态机变量中，父组件传递下来的属性存放在属性变量中。
而我们在开发中可能还需要一些与组件逻辑控制相关但与组件显示无关的变量，我们可以将其保存在成员变量或静态变量中。
1，成员变量
虽然组件的成员变量可以在任何需要它的地方定义。但还是建议在构造函数中对它们进行定义，这样还可以保证成员变量有初始值。
export default class HelloWorld extends Component {
constructor(props) {
super(props);
this.myProperty1 = "hangge.com"; //成员变量
this.myProperty1 = 911; //成员变量
this.state = {text: ''};
}
//render...
}
2，静态变量、静态函数
React Native 允许组件有静态变量、静态成员函数。它们的作用与 C++，Java 中的类静态变量、类静态成员函数基本一样。
export default class HelloWorld extends Component {
static staticObject = "hangge.com"; //定义类的静态成员变量
static staticMethod () { //定义类的静态成员函数
console.log("欢迎访问hangge.com");
}
constructor(props) {
super(props);
}
//render...
}
注意访问静态变量或静态函数，直接以“类名.变量名（函数名）”的方式访问。不能以“this.变量名（函数名）”的方式访问。
HelloWorld.staticObject = "航歌"; HelloWorld.staticMethod();
全部评论（0）