Rules for coding JSX #7

by istiq20

JavaScript

//Contoh yang benar
// menggunakan elemen pembungkus
function Header() {
  return (
    <header>
      <h1>Judul Aplikasi</h1>
      <p>Selogan aplikasi</p>
      <button>Daftar Sekarang</button>
    </header>
  );
}

// menggunakan fragment
function Header() {
    return (
        <>
          <h1>Judul Aplikasi</h1>
          <p>Selogan aplikasi</p>
          <button>Daftar Sekarang</button>
        </>
    );
}

// Contoh yang salah
// tidak ada elemen pembungkus
function Header(){    
    return (
        <h1>Judul Aplikasi</h1>
        <p>Selogan aplikasi</p>
        <button>Daftar Sekarang</button>
    );
}

// bisa, tapi tidak pakai kurung
function Header(){    
    return
        <header>
            <h1>Judul Aplikasi</h1>
            <p>Selogan aplikasi</p>
            <button>Daftar Sekarang</button>
        </header>
    ;
}