Langsung ke konten utama

JSX in REACT

React dapat menggunakan 2 tipe javascript yaitu :
1. Javascript yang biasa kita gunakan, dan
2. JSX yaitu javascript yang penulisan syntaxnya seperti XML. JSX memudahkan untuk mendefinisikan struktur yang berupa tree

Dalam penggunaannya, JSX menggunakan 2 tipe dalam penulisan variabel dimana variabel yang diawali dengan huruf kecil adalah untuk mengenali html sedangkan variabel yang diawali huruf besar untuk mengenali komponen dari react itu sendiri. Lihat contoh dibawah ini :
- Penulisan variabel untuk render HTML
var myDivElement = <div className="foo" />;
ReactDOM.render(myDivElement, document.getElementById('example'))
- Penulisan variabel untuk render komponen React dan HTML
var MyComponent = React.createClass({/*...*/});
var myElement = <MyComponent someProperty={true} />;
ReactDOM.render(myElement, document.getElementById('example'));

 
 

Komentar

Posting Komentar

Postingan populer dari blog ini

Validasi form hanya untuk inputan angka atau huruf saja menggunakan javascript

Berikut fungsi untuk membuat validasi sebuah form input untuk inputan angka saja atau huruf saja Ini yang untuk angka Ini yang untuk huruf Lalu untuk di dalam form inputnya tambah onkeypress="return namafungsi(event)" Contoh untuk input hanya huruf <input type="text" onkeypress="return huruf(event)" /> Simple kan. Selamat mencoba :)
3 komentar
Baca selengkapnya

A Simple Program with Java (Program untuk penukaran uang)

Halo semua.. kali ini aku mau share program sederhana pake java. Program kali ini untuk penukaran uang ke pecahan pecahan yang lebih kecil seperti seratus ribuan, lima puluh ribuan, dua puluh ribuan, sepuluh ribuan dan seribuan. Yang lagi belajar java dengan pengkondisian (if, if else dan switch) bisa mencoba program di bawah ini. Berikut source code nya : package project2; import java.util.Scanner; public class Project_2 {     public static void main(String[] args) {         //variabel         int uang, bagi, j_seratusan, j_limapuluhan, j_duapuluhan = 0, j_sepuluhan = 0, j_seribuan = 0;         int seratusan, limapuluhan, duapuluhan, sepuluhan, seribuan;         int pilihan;         int batas50 = 0;         Scanner input = new Scanner(System.in);         //input         System.out.println("========================...
Posting Komentar
Baca selengkapnya

A Simple Program with Java (Program untuk menghitung biaya rumah sakit)

package project1; import java.util.Scanner; public class Project_1 {     public static void main(String[] args) {         //inisialisasi variabel         String nama, kode;         int inap, obat, infus, tot_biaya;         //input         Scanner masukan = new Scanner (System.in);         System.out.println("=======================================================");         System.out.println(" Program untuk menghitung biaya rumah sakit");         System.out.println("=======================================================");         System.out.print("Masukkan nama pasien\t\t\t: ");         nama = masukan.nextLine();         System.out.print("Masukkan kode pasien\t\t\t: ");         kode = masukan.nextLine();         Sys...
Posting Komentar
Baca selengkapnya