Please enable JavaScript.
Coggle requires JavaScript to display documents.
Element, Component, Component instance, Ex: <App/> : là 1 component…
Element
Object
Type
String
Props(properties)
Sử dụng giống attribute trong HTML
Đặt tên theo quy ước có sẵn của React
Không được đặt tên khác quy ước
Sẽ không tạo được attribute khi render HTML
Prop: key
chỉ khi sử dụng array
Mô tả những gì bạn muốn xuất hiện trên UI dưới dạng DOM node
Component
Props
Sử dụng giống như đối số cho component
Tự do đặt tên (theo quy ước Camelcase)
Bất kì kiểu dữ liệu
Kiểu truyền vào
prop="string literal"
prop={expression}
Expression không được là if else, switch case
prop mặc định là true nếu ko có giá trị truyền vào
Spread/Rest props
Children props
Prop: key
Chỉ khi sử dụng array
Tên component phải viết hoa chữ đầu tiên
Khi component là phương thức trong object
<Objectname.funciton />
Khi component được gọi thông qua biến
<tenBien/>
Có thể gọi dưới dạng Element
Type: function
Bất kì function nào cũng có thể tạo component
Function/Class component
DOM Events
Boolean,null & undefined không được render
Component instance
Ex: <App/> : là 1 component mà được thể hiện theo kiểu 1 element thôi