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/14 22:39] admin [Osztályhasználat] |
oktatas:telefon:react_native:fueggvenyek_vagy_osztalyok [2022/12/21 18:39] admin [React Native - függvények vagy osztályok] |
||
---|---|---|---|
Sor 1: | Sor 1: | ||
[[oktatas:telefon:react_native|< React Native]] | [[oktatas:telefon:react_native|< React Native]] | ||
- | ====== React Native - függvények vagy olsztályok ====== | + | ====== React Native - függvények vagy osztályok ====== |
* **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> | ||