Estoy empezando a aprender react y recien me estoy metiendo a ese mundo y estuve intentando hacer algo bastante simple pero que no me sale, lo que quiero hacer es que se muestre en pantalla una bienvenida, pero quiero que los datos de esa bienvenida los tome de un archivo js
Mi js:
import React from "react";
import Bienvenido from "./App";
function Saludar(){
return(
<>
<Bienvenido nombre = "lazaro" apellido = "france" localidad = "llavallol"/>
</>
)
};
export default Saludar
Mi jsx:
import React from "react"
const Bienvenido = ({nombre, apellido, localidad }) =>{
return(
<h1>
Hola {nombre} {apellido} de {localidad}
</h1>
)
}
export default Bienvenido
Ese es mi código, el de la izquierda es el js y el de la derecha es el jsx. lo que no se es porque no me toma el jsx los valores del otro, porque unicamente me muestra por pantalla "hola de"