5. React Fragment | belajar react js untuk pemula

5. React Fragment | belajar react js untuk pemula
Di Posting Oleh : wandi
Kategori : javascript Pemprograman web react

React Fragment

perlu di perhatikan saat belajar react js bahwa sebuah component pada react js hanya bisa megembalikan(return) satu element saja, jika ingin me-return dua element harus membukusnya dengan element div  biasanya. hanya saja element div yang sebagai pembungkus tadi ikut ter-render untuk menghidari itu ada namanya React.Fragment. React.Fragment adalah sebuah tag pembungkus yang di sedikan oleh react, tag ini tidak akan terlihat saat react merender page. Contoh menggunakan React.Fragment .

class BlogPostExcerpt extends Component {
  render() {
    return (
      <React.Fragment>
        <h1>Judul Blog</h1>
        <p>ini isi blog</p>
      </React.Fragment>
    )
  }
}

React.Fragment memiliki shorthand tetapi hanya didukung oleh react versi terbaru dan babel 7+

class BlogPostExcerpt extends Component {
  render() {
    return (
      <>
        <h1>Judul Blog</h1>
        <p>ini isi blog</p>
      </>
    )
  }
}

jadi sekarang sudah tau kan apa itu Fragment dan cara mengunakannya.

Mau liat atau download source code aplikasi premium bisa disini.

Tweet