[[oktatas:telefon:react_native|< React Native]] ====== React Native - függvények vagy osztályok ====== * **Szerző:** Sallai András * Copyright (c) Sallai András, 2021, 2022 * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] * 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 =====


import React from 'react';
import { Text, View, StyleSheet } from 'react-native';
 
export default () => {
  return (
    
      Tartalom
    
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

===== Osztályhasználat =====


import React, { Component } from 'react';
import { Text, View, StyleSheet } from 'react-native';
 
export default class App extends Component {
  render() {
    return (
      
        Tartalom
      
    );
  }
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

===== Függvények alakjai ===== A függvény lehet névtelen, lehet neve.


export default function() {
  return (
    
      Tartalom
    
  );
}


export default function App() {
  return (
    
      Tartalom
    
  );
}


export default () => {
  return (
    
      Tartalom
    
  );
}

===== Minimális osztály =====


import React, {Component} from 'react';
import {Text, View} from 'react-native';

class App extends Component {
  render() {
    return (
      
        Helló
      
    );
  }
}

export default App;