Exports
Bây giờ, bạn xuất khẩu component sẽ được sử dụng nơi khác trong ứng dụng:
export default Home
Nếu bạn muốn sử dụng component trong cùng một file, bạn không cần xuất khẩu nó. Sau khi nó được khai báo, bạn có thể
sử dụng nó trong file hay xuất khẩu nó để được sử dụng trong file khác. Bạn cũng có thể sử dụng module.exports = ‘Home’,
cái là cú pháp ES5.
Kết hợp các components
Hãy nhìn vào làm cách nào kết hợp các components. Trước tiên, tạo các components Home, Header, và Footer trong một
file đơn. Bắt đầu bằng cách tạo component Home:
Trong cùng file, dưới khai báo class Home, xây dựng ra một component Header:
Cái này trông tốt, nhưng hãy xem làm cách nào viết lại Header vào một component phi trạng thái. Chúng ta sẽ thảo luận
sâu hơn khi nào và tại sao nó là tốt để sử dụng một component phi trạng thái so với class React Native thông thường
sau này trong học phần sau. Khi bạn sẽ bắt đầu thấy, cú pháp và code là sạch hơn nhiều khi bạn sử dụng các components
phi trạng thái:
