Los props funcionan igual en react como en react native
// Librerias
import React from "react";
import { Text } from "react-native";
/**
* Descripción: La descripción de por qué estamos haciendo este componente y que resuelve.
*/
const Saludar = ({ name, lastName }) => {
return (
<>
<Text>{`Hola ${name} ${lastName}`}</Text>
</>
);
};
export default Saludar;
import { StyleSheet, Text, View } from "react-native";
// Componentes
import Saludar from "./src/components/Saludar";
export default function App() {
return (
<View style={styles.container}>
<Text>Que chimba esto mka</Text>
<Saludar name='Kevin' lastName='Parra'/>
<Saludar name='Jerry' lastName='Parra'/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#fff",
alignItems: "center",
justifyContent: "center",
},
});