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:props [2021/11/14 21:25] – [Példa] admin
+++ oktatas:telefon:react_native:props [2023/03/19 12:15] (aktuális) – [JavaScript megoldás] admin
@@ Sor 57: / Sor 57: @@
 </code>
+==== JavaScript megoldás ====
+A props név nem kötelező. Más nevet is adhatunk.
+<code javascript App.js>
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+const Employee = (props) => {
+  return (
+    <View style={styles.emp}>
+      <Text>Név: { props.name }</Text>
+      <Text>Település: { props.city }</Text>
+    </View>
+  );
+}
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <Text>Dolgozók</Text>
+      <Employee name='Erős István' city='Szeged' />
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  emp: {
+    flexDirection: 'row',
+  }
+});
+</code>