Anh cho em hỏi là mình add type = text/babel ấy, xong em gắn file Js vào rồi code HTML vào file JSX đó thì lúc mở source code ra, thấy cái file Js đó nó nằm ngang hàng với file index, có cách nào khắc phục không ạ?. Mặc dù em để file đó vào trong assets rồi ạ
Làm sao để render được từ mảng ra navbar a nhỉ với yêu cầu là : type: loại lựa chọn hay tên của item đó. icon: icon tương ứng với item. active: nếu là true thì bạn sẽ thêm border vào item đó, ngược lại thì không cần thêm border. mảng : [ { "type": "Stays", "icon": "fa-bed", "active": true }, { "type": "Flights", "icon": "fa-plane", "active": false }, { "type": "Car rentals", "icon": "fa-car", "active": false }, { "type": "Attractions", "icon": "fa-bed", "active": false }, { "type": "Airport taxis", "icon": "fa-taxi", "active": false } ]
a ơi e thấy khi làm việc với dự án thật cái phần lưu ý thẻ đóng có trường hợp người ta dùng không cũng được mà k cần tên thẻ ạ... e cũng thử rồi nhưng khi ở trg hợp link cdn như a dạy thì lại không được ạ =)))
Em nghĩ React cần key để dựa trên prop này mà có thể so sánh giữa React DOM và DOM thật mà render những element thay đổi, đồng thời cũng đảm bảo render theo đúng thứ tự danh sách :Đ có gì không phải thì mng góp ý ạ
Thật ra nó còn quyết định component đó có được unmounted và re-mounted không em ạ. Nếu key thay đổi component sẽ unmounted sau đó re-mounted em nhé, việc so sánh DOM của e nói là việc sau đó.
Nhờ Sơn giải thích giúp truyền function vào props childrent cơ chế sẽ render ra code ntn, kiểu thế này const App = props => { (item) => ...làm gì đó với item } Giống như sử dụng Formik theo kiểu wrap, mình cảm ơn
Trời ơi video anh giảng siêu dễ hiểu luôn
1 biến thể khác ngắn hơn nhưng ko tường minh cho lắm ae biết cho vui
ex: var list = [
item 1,
item 2
]
ráng ngày 2 3 tập nhé anh, chúc anh nhiều sức khỏe 👍
ngày 1 tập thôi bạn, ham thế
background xịn xò quá anh ơi
Ở trong p ngột ngạt quá e ạ 🤣🤣
Em đã học xong khóa NodeJS nhưng á chưa ra video nên em muốn biết e nên học gì tiếp theo và cơ nguồn học hiệu quả ạ... Em cảm ơn 🥳
Học cookie, session sau đó làm authentication, học RESTfulAPI, học JWT, học deploy e nhé
hay quá bro!
vẫn cứ là đỉnh ❤
hay quá anh
chúc a sức khoẻ
Cảm ơn anh
Hay quá 👏
a dạy theo function component hay class component vậy ạ
function bạn ơi
e muốn góp ý thêm phần react.Fragment là mình thay thế nó thành sẽ ngắn gọn hơn ạ 🤣🤣
Cảm ơn em nhiều nha
Xịn quá
thank anh
đỉnh
câu hỏi thứ 3 có thể giải thích là ReactDOM render quan hệ 1-1: 1 React element cho 1 DOM node.
❤
idol :))
nice!
Anh cho em hỏi là mình add type = text/babel ấy, xong em gắn file Js vào rồi code HTML vào file JSX đó thì lúc mở source code ra, thấy cái file Js đó nó nằm ngang hàng với file index, có cách nào khắc phục không ạ?. Mặc dù em để file đó vào trong assets rồi ạ
Xem video ma tốc độ luôn :v
Hú anh😉😉
Hú e 🤣
Ad có thể dò đc code trong 1 panel photoshop (viết bằng html5, javascript) để xóa đi phần nhập serial của nó không ạ?
Làm sao để render được từ mảng ra navbar a nhỉ với yêu cầu là :
type: loại lựa chọn hay tên của item đó.
icon: icon tương ứng với item.
active: nếu là true thì bạn sẽ thêm border vào item đó, ngược lại thì không cần thêm border.
mảng : [
{
"type": "Stays",
"icon": "fa-bed",
"active": true
},
{
"type": "Flights",
"icon": "fa-plane",
"active": false
},
{
"type": "Car rentals",
"icon": "fa-car",
"active": false
},
{
"type": "Attractions",
"icon": "fa-bed",
"active": false
},
{
"type": "Airport taxis",
"icon": "fa-taxi",
"active": false
}
]
{courses.map(function(course){
return {course.name}
})}
Cho em hỏi em viết như này sai ở đâu ạ
a ơi e thấy khi làm việc với dự án thật cái phần lưu ý thẻ đóng có trường hợp người ta dùng không cũng được mà k cần tên thẻ ạ... e cũng thử rồi nhưng khi ở trg hợp link cdn như a dạy thì lại không được ạ =)))
Bản chất nó là Flagment thôi em, để hỗ trợ thì cài thêm plugin, vài video tới anh sẽ chỉ nhé
a ơi cho e hỏi cái banner của trang a là a code hay sài thư viện ạ?
Slickjs nha em ơi
@@F8VNOfficial dạ e cám ơn
React không dùng được forEach à a...
À react chỉ nhận các hàm trả về giá trị....
😘
Ae có ai bị error format khi sử dụng babel không ạ. Làm sao để khắc phục nó ạ.
Em nghĩ React cần key để dựa trên prop này mà có thể so sánh giữa React DOM và DOM thật mà render những element thay đổi, đồng thời cũng đảm bảo render theo đúng thứ tự danh sách :Đ có gì không phải thì mng góp ý ạ
Thật ra nó còn quyết định component đó có được unmounted và re-mounted không em ạ. Nếu key thay đổi component sẽ unmounted sau đó re-mounted em nhé, việc so sánh DOM của e nói là việc sau đó.
@@F8VNOfficial diffing algorithm ạ ?
Nhờ Sơn giải thích giúp truyền function vào props childrent cơ chế sẽ render ra code ntn, kiểu thế này
const App = props =>
{ (item) => ...làm gì đó với item }
Giống như sử dụng Formik theo kiểu wrap, mình cảm ơn
Mình giải thích ở cuối video "Làm việc với JSX #3" rồi nhé, mình sẽ đăng video vào ngày mai (26/09/2021) nhé
E gán key rồi nhưng khi chạy vẫn không có attribute key , fix cái này thế nào vậy ạ
em dùng index của mảng để render giao diện.
const ul = (
{course[0].name}
{course[1].name}
{course[2].name}
);
anh ơi anh có chơi crypto không? em muốn donate cho anh bằng đồng usdt vì hiện tại bank của em bị khóa sạch rồi ạ :D
Cảm ơn e nhiều nha, a lại ko biết món này e ạ 🤣🤣
Good Job. You are very good. I'm Programmer in VietNam
tiếng a lên trình thế haha
clip này a sơn sài 21:9 4k lận á @@
Clip nào của anh cũng vậy mà em 😅
@@F8VNOfficial bth em mở to chỉ thấy 16:9 nay mở clip này thấy 21:9 nên ngạc nhiên tý :D
a hình như có con rồi hay sao mà thấy có piano của trẻ em
a sơn 30 tuổi rồi mà bạn