Membuat ES6 Class Pada React

Untuk membuat class pada React, kita bisa menggunakan dua cara yang berbeda, yang pertama adalah menggunakan cara versi ES5 (JavaScript versi 5) yang kita sudah buat pada artikel sebelumnya, dan yang kedua adalah menggunakan versi ES6 (JavaScript versi terbaru).

Untuk membuat class versi ES6 sama seperti kita membuat class pada PHP yang dengan keyword class NamaClass extends ParentClass. Untuk membuat class React, kita turunkan dari class parent React.Component. Seperti gambar di bawah ini.

Untuk membuat state, jika pada versi ES5 kita menyimpannya di method getInitialState, untuk versi ES6 kita membuat di dalam method constructor(). Selebihnya tidak ada perbedaan.