• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Pruebas Online
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

208
Vistas
ReactJS (jsx) Paso de parámetros

Soy nuevo en reaccionar y me preguntaba por qué el parámetro ( a ) debe pasarse con variables, por ejemplo, a.amount , a.date . ¿Cuál es el proceso y el razonamiento detrás de esto?

almost 3 years ago · Juan Pablo Isaza
3 Respuestas
Responde la pregunta

0

React toma un nombre de objeto, al que le ha dado el nombre: a

Si ha estudiado Objetos en JavaScript, entonces para obtener los datos, usamos 'MyObj'.'key' para obtener los datos, aquí hay un ejemplo:

const user = { first_name = 'Ayaan', last_name = 'Abbasi } entonces, para obtener su nombre, hacemos lo siguiente: document.write(user.first_name)

por lo tanto, en su ejemplo, su nombre de variable es a y sus datos son el título, por lo tanto, para obtener su título, puede hacer a.title ,

para obtener más información sobre componentes y accesorios, lea esto

almost 3 years ago · Juan Pablo Isaza Denunciar

0

El nombre general para "accesorios" (en su componente es "a").

"Accesorios" es un objeto que tiene todas las propiedades pasadas al componente.

Por ejemplo;

 <ExampleComponent isEnabled={true} isClickable={false} />

Luego puede acceder a esas propiedades en su componente de dos maneras;

1: obtenga la variable prop y úsela como un objeto como lo hace en su ejemplo. 2: Destruye el objeto en tu componente para usarlo como quieras.

 const ExampleComponent = ({isEnabled, isClickable}) => { return "<></>"; });

Para más información:

https://reactjs.org/docs/components-and-props.html

almost 3 years ago · Juan Pablo Isaza Denunciar

0

pasaste un accesorio en tu componente.

 import HelloMessage from "./HelloMessage"; export default function App() { return ( <div className="App"> <HelloMessage name={"tomnyson"} /> </div> ); } export default function HelloMessage({name}) { return ( <h1>{name}</h1> ) }

ingrese la descripción de la imagen aquí

fuente del enlace: https://codesandbox.io/s/hopeful-tesla-3uk94?file=/src/App.js mira este documento

https://reactjs.org/docs/components-and-props.html

almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda