1. Penulisan component pada class
import React, {Component} from 'react';
class NamaClass extends Component{
render(){
return(
<div>
//konten
</div>
);
}
}
export default NamaClass ;
jika dengan cara diatas maka saat import nya harus ditulis seperti ini
import NamaClass from 'lokasi file';
selain cara diatas bisa juga ditulis dengan cara berikut:
import React, {Component} from 'react';
export class NamaClass extends Component{
render(){
return(
<div>
//konten
</div>
);
}
}
2. penulisan componen pada funcion
import React, {Component} from 'react';
const NamaKomponen = () => {
return(
<div>
//isi komponen
</div>
)
}
export default NamaKomponen ;
atau dengan cara
import React, {Component} from 'react';
export default() => {
return(
<div>
//isi komponen
</div>
)
}
atau dengan cara
import React, {Component} from 'react';
export default function Footer(){
return(
<div>
//isi komponen
</div>
)
}
