Js-beautify: Désordre l'attribut multiligne de formatage jsx

Créé le 8 avr. 2016  ·  5Commentaires  ·  Source: beautify-web/js-beautify

J'ai la dernière version installée. Mes fichiers sont ouverts en tant que fichiers Babel JS et j'ai défini e4x sur true dans mon fichier de configuration. Voici ce que j'ai actuellement:

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

Cependant, après le formatage, cela devient ceci:

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

Que dois-je changer pour que mes fichiers soient formatés correctement ou du moins pas foirés?

bug

Commentaire le plus utile

Merci! Je l'ai ajouté à ma liste pour la prochaine version.

Tous les 5 commentaires

Avez-vous défini e4x=true ?

@bitwiseman Oui, je l'ai fait.

Moi aussi avec e4x=true ! C'est vraiment bizarre. :joie:

Merci! Je l'ai ajouté à ma liste pour la prochaine version.

Voici ce que j'ai découvert sur ce problème:

// 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>;
Cette page vous a été utile?
0 / 5 - 0 notes