A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalon Előző változat Következő változat | Előző változat | ||
oktatas:telefon:react_native:fueggvenyek_vagy_osztalyok [2021/11/29 18:17] admin [React Native - függvények vagy olsztályok] |
oktatas:telefon:react_native:fueggvenyek_vagy_osztalyok [2022/12/21 18:39] (aktuális) admin [React Native - függvények vagy osztályok] |
||
---|---|---|---|
Sor 4: | Sor 4: | ||
* **Szerző:** Sallai András | * **Szerző:** Sallai András | ||
- | * Copyright (c) Sallai András, 2021 | + | * Copyright (c) Sallai András, 2021, 2022 |
* Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] | * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] | ||
* Web: https://szit.hu | * Web: https://szit.hu | ||
+ | |||
+ | ===== A függvények és osztályok használatáról ===== | ||
+ | |||
+ | Egy állományon belül a React Native kódot szervezhetjük egy függvénybe vagy egy osztályba. Mindkettő elterjedt használat. A következő két fejezetben erre látunk példát. | ||
===== Függvényhasználat ===== | ===== Függvényhasználat ===== | ||
Sor 92: | Sor 96: | ||
); | ); | ||
} | } | ||
+ | </code> | ||
+ | |||
+ | |||
+ | ===== Minimális osztály ===== | ||
+ | |||
+ | <code javascript App.js> | ||
+ | import React, {Component} from 'react'; | ||
+ | import {Text, View} from 'react-native'; | ||
+ | |||
+ | class App extends Component { | ||
+ | render() { | ||
+ | return ( | ||
+ | <View className="App"> | ||
+ | <Text>Helló</Text> | ||
+ | </View> | ||
+ | ); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | export default App; | ||
</code> | </code> | ||