Props là gì? | Dùng props khi nào? | Khái niệm Props

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ธ.ค. 2024

ความคิดเห็น • 83

  • @F8VNOfficial
    @F8VNOfficial  3 ปีที่แล้ว +37

    👉👉👉 Props là cách viết ngắn gọn của properties, dùng để truyền các thuộc tính vào cho component nhé anh em. Nói props là "đạo cụ" là mình đang dịch nghĩa đen của từ "props" ấy. Sorry anh em chỗ này nha 😍😍

  • @Saominhu
    @Saominhu 3 ปีที่แล้ว +8

    Thực sự mình đã học ở các Bootscamp, udemy, frontendmaster, và mình thực sự học hỏi thêm đc nhiều điều từ những bài học của F8. Cảm ơn bạn rất nhiều vì đã đầu tư những video này.

    • @F8VNOfficial
      @F8VNOfficial  3 ปีที่แล้ว +3

      Cảm ơn bạn nha, hi vọng giúp được mọi người phần nào đó 😍😍

    • @huynhthanhtuaptechhcm3327
      @huynhthanhtuaptechhcm3327 2 ปีที่แล้ว +1

      true story.

  • @phanhaiang7052
    @phanhaiang7052 3 ปีที่แล้ว +8

    đã học qua react rồi nhung xem video của anh vẫn mang rất nhiều giá trị, cảm ơn anh vì những cống hiến của mình 🥰🥰

  • @ndqitvn
    @ndqitvn 3 ปีที่แล้ว +1

    Xem của người khác thì mơ hồ không hiểu, còn học hỏi từ anh thì được hiểu rõ hơn về props, đây là sự thật : )

  • @lpntchannel3706
    @lpntchannel3706 2 ปีที่แล้ว +1

    Rất hay và dễ hiểu. Chúc anh luôn có nhiều sức khỏe

  • @sieunhantu4817
    @sieunhantu4817 3 ปีที่แล้ว +6

    quả intro xịn sò ghê ko biết a sơn thuê hay tự làm vậy

  • @dientranhuu6198
    @dientranhuu6198 2 ปีที่แล้ว

    Rất hay và chi tiết. Xâu chuỗi nhiều kiến thức liên quan. Cảm ơn F8

  • @BaoTran-ii6pc
    @BaoTran-ii6pc 3 ปีที่แล้ว +2

    Cám ơn anh đã chia sẻ kiến thức, mong anh ra thêm nhiều video nữa 🤓

  • @NoName-km2xe
    @NoName-km2xe 3 ปีที่แล้ว +2

    26 phút luôn quá đã

  • @hieptrinh8215
    @hieptrinh8215 3 ปีที่แล้ว +1

    mong ông ra video còn hơn là xem phim bộ nữa á, quá đã

  • @chotodamcau1caiduockhong
    @chotodamcau1caiduockhong ปีที่แล้ว

    video thật dễ hiểu. cảm ơn bạn

  • @ThangTran-hi3es
    @ThangTran-hi3es 2 ปีที่แล้ว

    Bạn này dạy có tâm quá. Cảm ơn đóng góp của bạn cho cộng đồng. Chúc bạn gặp nhiều sức khoẻ nhé!

  • @vuxuanhuy9079
    @vuxuanhuy9079 2 ปีที่แล้ว +1

    props dùng để truyền attr vào trong components giống attr của html. Thứ 2 là để pass data từ cha xuống con.

  • @HungHoangViet-lk9fx
    @HungHoangViet-lk9fx 8 หลายเดือนก่อน

    quá đỉnh anh ơi, em cảm ơn anh nhiều ạ

  • @dangtran9405
    @dangtran9405 3 ปีที่แล้ว +3

    công nhận học chỗ khác hiểu mù mờ vào clip của a Sơn coi cái như kiểu dc thông mũi bằng kit test covid =))

  • @duongngocphuc4099
    @duongngocphuc4099 3 ปีที่แล้ว +1

    cảm ơn anh, anh dạy dễ hiểu quá

  • @lyo9147
    @lyo9147 3 ปีที่แล้ว

    Mỗi ngày hóng chờ video của a.

  • @entiktv
    @entiktv 3 ปีที่แล้ว +5

    Đang học tập trung đến đoạn " Ae đừng phá f8 nha" làm em cười quá anhh😂😂

  • @minhhieu5813
    @minhhieu5813 3 ปีที่แล้ว +2

    Sao mở web để học mà nó trắng xoá không có chữ nào vậy ạ

  • @maicaotri3668
    @maicaotri3668 3 ปีที่แล้ว

    video quá chất lượng luôn ạ 😍

  • @phuctranle8612
    @phuctranle8612 3 ปีที่แล้ว +1

    Hóng video

  • @minhtaingo9182
    @minhtaingo9182 3 ปีที่แล้ว +1

    Đợi mãi

  • @cunanh2112
    @cunanh2112 11 หลายเดือนก่อน

    Hay quá ạ ! 😍😍

  • @phat1106
    @phat1106 3 ปีที่แล้ว

    lâu lâu cứ phải vào f5 xem có video mới ko mặc dù đã bật thông báo :))

  • @thongtranhoang5818
    @thongtranhoang5818 3 ปีที่แล้ว +1

    Mọi ng cho mình hỏi khi coppy mảng object sang VScode Ctrl+S thì nó format thành 1 dòng và có lỗi ',' expected . javascript . Fix như thế nào được ạ 😭

  • @tula1308
    @tula1308 3 ปีที่แล้ว +1

    Mình đóng góp 1 tí keyword props là viết tắt của properties chứ kp là đạo cụ ^^

  • @anhdong753
    @anhdong753 3 ปีที่แล้ว +1

    Subscribe anh do câu "bạn nào làm được cái này là đạt điểm tối đa" :))

  • @TienPham-eu7sc
    @TienPham-eu7sc 3 ปีที่แล้ว

    Món ăn tinh thần mỗi ngày

  • @ngochung207
    @ngochung207 ปีที่แล้ว

    Bao giờ F8 ra khóa về js pro thế nhỉ.

  • @11.tavanhung92
    @11.tavanhung92 3 ปีที่แล้ว +1

    video xịn quá ^^

  • @tunguyen593
    @tunguyen593 3 ปีที่แล้ว

    Anh làm 1 video về bằng cấp trong ngành đi

  • @vanminhnguyen7846
    @vanminhnguyen7846 ปีที่แล้ว

    Alo Anh ơi sao không có file API trên nữa Anh nhỉ?

  • @DavidJames535
    @DavidJames535 3 ปีที่แล้ว

    fan cứng của f8

  • @thaikiet1020
    @thaikiet1020 2 ปีที่แล้ว

    Anh ơi đường link trong mô tả không còn vào được

  • @truongtranvan7590
    @truongtranvan7590 3 ปีที่แล้ว

    Mong a ra video dài dài như v.

  • @leephan1912
    @leephan1912 3 ปีที่แล้ว

    A có list ra trước các tiêu đề các videos sẽ ra ko ạ? Cho e xin list lên trang chủ React hoặc google đọc trước :D

  • @minhnguyenhainhat234
    @minhnguyenhainhat234 2 ปีที่แล้ว +1

    anh ơi cái link api dead rồi ạ

  • @dennisnguyen5787
    @dennisnguyen5787 3 ปีที่แล้ว

    a Sơn bị thằng anti fan nào dislike kia ko biết =))

  • @viewvue3744
    @viewvue3744 ปีที่แล้ว

    cái key shorcut của phím tắt để nó bôi đên qua bên phải của text trong vscode là gì vậy ạ ?

    • @Misskieutra
      @Misskieutra ปีที่แล้ว +1

      Alt Shift >

    • @viewvue3744
      @viewvue3744 ปีที่แล้ว

      @@Misskieutra cảm ơn bn

  • @huy19437
    @huy19437 3 ปีที่แล้ว

    anh giữ sức khoẻ anh ơi, nhìn anh bùn ngủ thật sự

  • @thanhattnguyen9264
    @thanhattnguyen9264 3 ปีที่แล้ว +1

    mn cho e hỏi chút. phần Destructuring bên js viết kiểu const [a,b] = array thì được nhưng trong props thì phải viết đúng tên như trong component child mới được ạ. kiểu như thì trong component phải dùng data để đặt trong destructuring funtction component({data}) còn đổi tên khác kiểu function component({b}) thì lại lỗi ạ

    • @kietle5340
      @kietle5340 2 ปีที่แล้ว +3

      này thuộc về quy ước syntax bạn nhé. Array indexes theo thứ tự từ trái qua phải [1,2,3,4,...]. Còn component nhận prop là một object mà object thì giá trị hoặc phương thức sẽ theo các key property, method nên khi destruturing thì phải theo key bạn nhé

    • @ankhanhbui7606
      @ankhanhbui7606 ปีที่แล้ว

      a Sơn có đề cập trong bài giảng là nếu trích xuất giá trị từ object phải nhập đúng key của object đó

  • @minhvu8110
    @minhvu8110 3 ปีที่แล้ว +1

    Anh ơi sao anh k create react app về làm cho tiện ạ

    • @F8VNOfficial
      @F8VNOfficial  3 ปีที่แล้ว +2

      E đã từng học rồi phải ko? A làm video cho số đông anh phải nghĩ cho người chưa học bao giờ nữa em ạ 😍😍

    • @minhvu8110
      @minhvu8110 3 ปีที่แล้ว +1

      @@F8VNOfficial à vâng em hiểu rồi ạ, em trc cũng hóng video của anh về react, song em cx xem video của nhiều ng khác, em thấy nhiều ng create react app từ đầu, còn anh em thấy a code trong html. A cho e xin lỗi ạ

  • @phamtriat2768
    @phamtriat2768 2 ปีที่แล้ว +1

    yes sir

  • @demoltv
    @demoltv 3 ปีที่แล้ว

    Tối nay ra video mới về react chứ ad

  • @MinhVu-kj5zn
    @MinhVu-kj5zn 3 ปีที่แล้ว

    Hay qua

  • @DavidJames535
    @DavidJames535 3 ปีที่แล้ว

    hay quá anh

  • @ndqitvn
    @ndqitvn 3 ปีที่แล้ว

    Video sau chắc là hướng dẫn về Stage rồi hihi

  •  3 ปีที่แล้ว +1

    0:14 á đù, trước giờ cứ nghĩ nó là viết tắt của properties.

    •  3 ปีที่แล้ว +2

      sau khi google lại thì mình thấy điều mình nghĩ là đúng: “Props” is a special keyword in React, which stands for properties and is being used for passing data from one component to another.

    • @F8VNOfficial
      @F8VNOfficial  3 ปีที่แล้ว +2

      Đúng là properties bạn ơi, mình dịch nghĩa từ "props" thôi, sr đoạn này thế là mình nói gây hiểu nhầm rồi. Nó viết ngắn gọn của properties nha anh em.

    •  3 ปีที่แล้ว +1

      @@F8VNOfficial ok ok.

    •  3 ปีที่แล้ว

      @@F8VNOfficial mình hay bắt bẻ vầy không biết có phiền bạn không nhỉ.

    • @TienPham-eu7sc
      @TienPham-eu7sc 3 ปีที่แล้ว +1

      Thanh niên ko nghe cho rõ, đoạn sau ảnh đã nói là 1 object để bọc các thuộc tính (properties) thì props ở đây cũng hiểu là properties rồi, chỗ đó ảnh dịch nghĩa đen ra cho vui thôi

  • @hungcao1342
    @hungcao1342 ปีที่แล้ว

    nice !

  • @kienngo1391
    @kienngo1391 2 ปีที่แล้ว

    Ae có ai bị error format khi sử dụng babel không ạ. Làm sao để khắc phục nó ạ.

    • @MinhNguyen-ts7up
      @MinhNguyen-ts7up หลายเดือนก่อน

      E cũng bị, có có cách fix chưa ạ

  • @igdev6095
    @igdev6095 3 ปีที่แล้ว

    API a lưu ntn vậy a :v

  • @chotodamcau1caiduockhong
    @chotodamcau1caiduockhong ปีที่แล้ว

    1 điểm trừ duy nhất là ông bên phải màn hình k đẹp trai bằng mình :D

  • @hieuminh9402
    @hieuminh9402 3 ปีที่แล้ว

    ước gì có 10 anh Sơn Đặng

  • @devlamdep
    @devlamdep 3 ปีที่แล้ว +1

    A ơi cho e hỏi chút. Trên các gr fb thì có một bài viết e đọc là trên f8 kiến thức a dạy chỉ để pr cho khoá học off thôi chứ để đi làm thì trên f8 chưa đủ . E củng chưa học ở đâu ngoài f8 nên củng ko biết ntn. dù sao củng củng hộ a

    • @devlamdep
      @devlamdep 3 ปีที่แล้ว +1

      Cho e hỏi luôn là kiến thức off vs trên f8 có khác nhau ko ạ

  • @create4makingplaylist280
    @create4makingplaylist280 2 ปีที่แล้ว

    ko lấy đc api nữa a ơi

  • @xcv2220
    @xcv2220 2 ปีที่แล้ว

    link api 404 mất r a ơi

  • @vuongqtvn
    @vuongqtvn 3 ปีที่แล้ว

    ❤️❤️

  • @FangYuan51
    @FangYuan51 3 ปีที่แล้ว

    a son qua dinh?

  • @duxng1787
    @duxng1787 3 ปีที่แล้ว

  • @Misskieutra
    @Misskieutra ปีที่แล้ว

    function CourseItem(props) {
    return (

    {props.title}
    {props.description}
    {props.students_count}


    );
    }
    export default function App() {
    return (

    {courses.map((course) => (

    ))}

    );
    }