RN全域性的變數,方法,全域性類,全域性類方法
阿新 • • 發佈:2018-11-22
為了方便學習,很簡單的小Demo,不懂可以下方留言,百分百原創,相互學習,相互進步
全域性的方法
建立一個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> ) } }
樣式的程式碼只能不用貼上了