1
respuesta

[Duda] el codigo podria ir así tambien?

directamente el updatestate en los parentesis?

import React from "react"; import { TextField, Button, Box } from "@mui/material";

const DatosEntrega = ({updateStep} ) => { return ( <Box component="form" autocomplete="off" sx={{ display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", }} onSubmit= {(e) => { e.preventDefault(); updateStep(3); }} > ); };

export default DatosEntrega;

así es como lo puso el profe:

import React from "react"; import { TextField, Button, Box } from "@mui/material";

const DatosEntrega = (props) => { const updateStep = props.updateStep return ( <Box component="form" autocomplete="off" sx={{ display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", }} onSubmit= {(e) => { e.preventDefault(); updateStep(3); }} > ); };

export default DatosEntrega;

1 respuesta

¡Hola, Daniel! ¿Cómo estás?

Entiendo que tu pregunta está relacionada con la desestructuración de las propiedades dentro del paréntesis, ¿verdad?

Y sí, es posible hacerlo de esta manera. Lo ideal es que sepas utilizar ambos, ya que puede ser que el entorno en el que trabajes en el futuro sea utilizado de una forma u otra.

Como ambos son correctos en este caso, lo que suele influir en la elección entre un estilo u otro es la preferencia personal del promotor, o las normas a seguir en el proyecto existente.

¡Espero haber ayudado!

¡Hasta la próxima!