Js-beautify: Mengacaukan atribut multi-baris pemformatan jsx

Dibuat pada 8 Apr 2016 · 5Komentar · Sumber: beautify-web/js-beautify

Saya telah memasang versi terbaru. File saya dibuka sebagai file Babel JS dan saya telah menyetel e4x ke true dalam file konfigurasi saya. Inilah yang saya miliki saat ini:

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

Namun, setelah diformat menjadi ini:

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

Apa yang perlu saya ubah agar file saya diformat dengan benar atau setidaknya tidak kacau?

bug

Sumber

buinauskas

Komentar yang paling membantu

Terima kasih! Saya telah menambahkannya ke daftar saya untuk versi berikutnya.

bitwiseman pada 1 Mei 2016

👍4

Semua 5 komentar

Sudahkah Anda menyetel e4x=true ?

bitwiseman pada 11 Apr 2016

@bitwiseman Ya, benar.

buinauskas pada 11 Apr 2016

Saya juga dengan e4x=true ! Aneh sekali. :kegembiraan:

Firef0x pada 1 Mei 2016

Terima kasih! Saya telah menambahkannya ke daftar saya untuk versi berikutnya.

bitwiseman pada 1 Mei 2016

👍4

Inilah yang saya temukan tentang masalah ini:

// 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 pada 9 Agu 2016

Apakah halaman ini membantu?

0 / 5 - 0 peringkat