Sáng tạo component
Các components thường được sáng tạo sử dụng JSX, nhưng chúng cũng có thể được sáng tạo sử dụng Javascript. Trong
học phần này, bạn sẽ tạo một component theo một cách khác nhau để xem tất cả các tùy chọn. Bạn sẽ tạo component
này:
<MyComponent />
Component này sẽ cho ra ‘Hello World’ tới màn hình. Bây giờ, hãy xem làm cách nào xây dựng component cơ bản này.
Các components ra khỏi khung duy nhất bạn sẽ sử dụng là xây component custom này là các phần tử View và Text thảo
luận trước kia. Nhớ là, một component View là tương tự với một HTML <div>, và một component Text là tương tự với
một HTML <span>.
Hãy nhìn vào một vài cách để tạo một component. Toàn bộ ứng dụng không phải ổn định trong định nghĩa component của
nó, nhưng nó thường được khuyến nghị rằng bạn giữ ổn định và đi theo cùng mô hình cho định nghĩa các classes xuyên
suốt ứng dụng.
Cú pháp CreateClass (ES5, JSX)
Đây là cách thức để tạo React Native component sử dụng cú pháp ES5. bạn sẽ có thể vẫn thấy cú pháp này trong sử
dụng trong một vài tài liệu và ví dụ cũ hơn, nhưng nó đang không được sử dụng trong tài liệu mới hơn và bây giờ
đang ít sử dụng. Chúng ta sẽ tập trung vào cú pháp class ES2015 cho phần còn lại của học phần nhưng sẽ xem lại
cú pháp createClass ở đây trong trường hợp bạn gặp nó trong code cũ hơn:
