Js-beautify: Durcheinanderbringen des mehrzeiligen jsx-Formatierungsattributs

Erstellt am 8. Apr. 2016  ·  5Kommentare  ·  Quelle: beautify-web/js-beautify

Ich habe die neueste Version installiert. Meine Dateien werden als Babel JS-Dateien geöffnet und ich habe e4x in meiner Konfigurationsdatei auf true gesetzt. Folgendes habe ich derzeit:

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

Nach dem Formatieren wird jedoch Folgendes:

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

Was muss ich ändern, damit meine Dateien richtig formatiert oder zumindest nicht durcheinander gebracht werden?

bug

Hilfreichster Kommentar

Vielen Dank! Ich habe es meiner Liste für die nächste Version hinzugefügt.

Alle 5 Kommentare

Haben Sie e4x=true ?

@bitwiseman Ja, ich habe es getan.

Ich auch mit e4x=true ! Es ist wirklich komisch. :Freude:

Vielen Dank! Ich habe es meiner Liste für die nächste Version hinzugefügt.

Folgendes habe ich zu diesem Problem herausgefunden:

// 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>;
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

knocte picture knocte  ·  5Kommentare

iofjuupasli picture iofjuupasli  ·  4Kommentare

gabrielmaldi picture gabrielmaldi  ·  3Kommentare

Hirse picture Hirse  ·  3Kommentare

keeganstreet picture keeganstreet  ·  6Kommentare