RN全局的变量,方法,全局类,全局类方法

时间:2021-10-23 14:28:13

为了方便学习,很简单的小Demo,不懂可以下方留言,百分百原创,相互学习,相互进步

RN全局的变量,方法,全局类,全局类方法

全局的方法

创建一个js文件,命名OvallAll

//全局的方法
//这里export default 只能输出一次,多了会报错
export default function doorsteps(a,b) {
return a*1.0/b;
}

 全局的变量以及全局类

创建一个js文件,命名define

// 全局的变量
export const Define = {
name: 'lpp',
age: 18
}
//全局的方法
export default class DefineClass {
//静态方法
static sub(a, b) {
return a - b;
}
mult(a,b){
return a * b;
}
}

使用

import DefineClass,{Define} from './define'
import doorsteps from './OvallAll'
export default class MyApp extends Component { constructor(props){
super(props)
this.state={
name:Define.name,
mult:0,
sub:0,
door:0
}
} click() {
Define.name='wq'
this.setState({name:Define.name})
}
click1(){
var mult = new DefineClass().mult(3,6)
this.setState({mult:mult})
}
click2(){
var sub =DefineClass.sub(3,6)
this.setState({sub:sub})
}
click3(){
var door =doorsteps(3,6)
this.setState({door:door})
} render() {
return ( <View style={styles.wrapper}>
<TouchableOpacity onPress={()=>this.click()}>
<Text>
全局的变量:{this.state.name}
</Text>
</TouchableOpacity>
<TouchableOpacity onPress={()=>this.click1()}>
<Text>
全局的类方法{this.state.mult}
</Text>
</TouchableOpacity>
<TouchableOpacity onPress={()=>this.click2()}>
<Text>
全局的静态类方法{this.state.sub}
</Text>
</TouchableOpacity>
<TouchableOpacity onPress={()=>this.click3()}>
<Text>
全局的方法{this.state.door}
</Text>
</TouchableOpacity> </View>
)
}
}

样式的代码应该不用粘贴了,