Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

--- oktatas:telefon:react_native:nezetek_kapcsolasa:fueggvennyel [2022/01/01 10:48] – [Függvényekkel] admin
+++ oktatas:telefon:react_native:nezetek_kapcsolasa:fueggvennyel [2022/01/01 10:54] (aktuális) – [Nézetek kapcsolása függvényből] admin
@@ Sor 7: / Sor 7: @@
   * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
   * Web: https://szit.hu
+===== Könyvtárszerkezet =====
+<code>
+app01/
+  |-assets/
+  |-components/
+  |  |-compa.js
+  |  |-compb.js
+  |  `-compc.js
+  |-App.js
+  |-app.json
+  |-babel.config.js
+  |-package.json
+  `-yarn.lock
+</code>
 ===== Függvényekkel =====
@@ Sor 95: / Sor 111: @@
-<code javascript compa.js>
+<code javascript compb.js>
-import React, { Component} from 'react';
+import React from 'react';
 import { View, StyleSheet, Text } from 'react-native';
-export default class Compb extends Component {
+export default function Compb() {
-  render() {
+  return (
-    return (
+    <View style={styles.container}>
-      <View style={styles.container}>
+      <Text>B komponens</Text>
-        <Text>B komponens</Text>
+    </View>
-      </View>
+  );
-    );
-  }
 }
@@ Sor 119: / Sor 133: @@
 </code>
-<code javascript compa.js>
+<code javascript compc.js>
-import React, { Component} from 'react';
+import React from 'react';
 import { View, StyleSheet, Text } from 'react-native';
-export default class Compc extends Component {
+export default function Compc() {
-  render() {
+  return (
-    return (
+    <View style={styles.container}>
-      <View style={styles.container}>
+      <Text>C komponens</Text>
-        <Text>C komponens</Text>
+    </View>
-      </View>
+  );
-    );
-  }
 }