Membuat Perintah Dalam React

29/09/2016    Reza Indra    1440     Website

Sekarang saat kita akan membuat perintah pertama dengan React. Hal pertama yang teman-teman harus tahu adalah cara kerja React. Dalam React, kita menulis tag-tag HTML di dalam JavaScript, menggunakan format JSX. Kode HTML itu disimpan dalam sebuah class-class, kemudian dirender untuk ditampilkan ke browser.

Untuk merender HTML, kita menggunakan perintah:

ReactDOM.render(
    // tag HTML yg akan ditampilkan,
    // tag HTML sebagai tempat/wadah
);

Contoh:

Silahkan teman-teman ketik di dalam tag body yang kita sudah buat pada artikel http://www.dumetschool.com/blog/Persiapan-Belajar-React.

<script type="text/babel">

// React Render
ReactDOM.render(
    // HTML yang akan dirender
    <h2>Hello World</h2>,
    // Wadah/Tempat untk menampilkan HTML
    // (Saya menempatkan dalam tag <body></body>)
    document.body
);

</script>

Type text/babel berfungsi untuk mengenali format JSX.

Sekarang jalankan index.html pada browser.

Pada artikel selanjutnya kita akan belajar membuat class dalam React.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More