3

Revisando un código en github hallé la siguiente prueba unitaria:

 it('should update links when link href update', async () => {
    let anchorInstance = null;
    function AnchorUpdate({ href }) {
      return (
        <Anchor
          ref={c => {
            anchorInstance = c;
          }}
        >
          <Link href={href} title="API" />
        </Anchor>
      );
    }
    const wrapper = mount(<AnchorUpdate href="#API" />);

No entiendo para qué sirven las llaves, ¿están convirtiendo el parámetro en un objeto?

6
  • es codigo de React , basicamente creas el html, Anchor debe ser un componente de React al igual que Link Commented el 23 jul. 2019 a las 19:46
  • lo sé, la pregunta es acerca de la sintaxis en function AnchorUpdate({ href }) Commented el 23 jul. 2019 a las 19:47
  • 1
    Las llaves es para hacer destructuring, a esa función le llega un objeto y necesita quedarse solo con la propiedad href puedes leer algo al respecto aquí simonsmith.io/…, o aqui davidwalsh.name/destructuring-function-arguments Commented el 23 jul. 2019 a las 19:56
  • @DarielRamosDíazdeVillegas y que caso tendría poner únicamente un valor si coincidiría con todo el objeto no? Commented el 23 jul. 2019 a las 20:01
  • 2
    Si pasas un objeto por ejemplo {data: [], success: true, href: 'probando'} y necesitas solo href entonces pones { href } Commented el 23 jul. 2019 a las 22:06

1 respuesta 1

8

Las llaves es para hacer destructuring, a esa función le llega un objeto y necesita quedarse solo con la propiedad href puedes leer algo al respecto aquí o aqui. Por ejemplo, si pasas un objeto: {data: [], success: true, href: 'probando'} y necesitas solo href entonces pones { href } en el parámetro de tu función, si necesitaras capturar su valor pero llamar a la variable con otro nombre seria { href: miHref } y con esto miHref tendria el valor de la propiedad href que venia en el parametro de esa función.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.