Js-beautify: Atrapalhando a formatação jsx do atributo de várias linhas

Criado em 8 abr. 2016 · 5Comentários · Fonte: beautify-web/js-beautify

Eu tenho a última versão instalada. Meus arquivos são abertos como arquivos Babel JS e tenho e4x definido como true em meu arquivo de configuração. Isso é o que eu tenho atualmente:

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

No entanto, após a formatação, torna-se este:

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

O que eu preciso mudar para ter meus arquivos formatados corretamente ou pelo menos não bagunçados?

bug

Fonte

buinauskas

Comentários muito úteis

Obrigado! Eu o adicionei à minha lista para a próxima versão.

bitwiseman em 1 mai. 2016

👍4

Todos 5 comentários

Você definiu e4x=true ?

bitwiseman em 11 abr. 2016

@bitwiseman Sim, eu fiz.

buinauskas em 11 abr. 2016

Eu também com e4x=true ! É muito estranho. :alegria:

Firef0x em 1 mai. 2016

Obrigado! Eu o adicionei à minha lista para a próxima versão.

bitwiseman em 1 mai. 2016

👍4

Aqui está o que descobri sobre esse 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 em 9 ago. 2016

Esta página foi útil?

0 / 5 - 0 avaliações