Js-beautify: Desordenando el atributo multilínea de formato jsx

Creado en 8 abr. 2016 · 5Comentarios · Fuente: beautify-web/js-beautify

Tengo instalada la última versión. Mis archivos se abren como archivos Babel JS y tengo e4x configurado como verdadero en mi archivo de configuración. Esto es lo que tengo actualmente:

return (
  <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a>
);

Sin embargo, después de formatear se convierte en esto:

return ( < a href = "#"
  onClick = {
    e => {
      e.preventDefault()
      onClick()
    }
  } > { children } < /a>
);

¿Qué necesito cambiar para que mis archivos tengan el formato correcto o al menos no se estropeen?

bug

Fuente

buinauskas

Comentario más útil

¡Gracias! Lo agregué a mi lista para la próxima versión.

bitwiseman en 1 may. 2016

👍4

Todos 5 comentarios

¿Ha configurado e4x=true ?

bitwiseman en 11 abr. 2016

@bitwiseman Sí, lo hice.

buinauskas en 11 abr. 2016

¡Yo también con e4x=true ! Es realmente extraño. :alegría:

Firef0x en 1 may. 2016

¡Gracias! Lo agregué a mi lista para la próxima versión.

bitwiseman en 1 may. 2016

👍4

Esto es lo que descubrí sobre este problema:

// successful - no change
return(
    <a href="#" onClick={e => {      e.preventDefault()      onClick()}}>
    {children}
  </a>
);


// successful - no change
return <b><a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a></b>;

// failure - adds spaces 
return <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
</b>;

bitwiseman en 9 ago. 2016

¿Fue útil esta página

0 / 5 - 0 calificaciones