[Tin tức] Props là gì? Dùng props khi nào?



👉👉👉 Ở bài tập trước có thể anh em dễ dàng nhận ra các components có thể tái sử dụng, tuy nhiên việc tái sử dụng này chưa mang nhiều ý nghĩa. Hôm nay chúng ta học khái niệm props để việc tái sử dụng trở nên có ý nghĩa nha anh em 😍😍

👉👉👉 API lấy dữ liệu làm bài tập:

Phân đoạn trong video:
00:00 – Chữa bài tập
03:17 – React elements & React components
04:19 – Props với React elements
06:38 – Props với React components
14:19 – Prop “key” là prop đặc biệt
16:01 – Props có thể là bất cứ kiểu dữ liệu gì
19:10 – Destructuring với props

Bạn muốn học lập trình hiệu quả hơn không?
Hãy học tại trang web thay vì Youtube. Lý do tại sao mời bạn bấm vào đây:

#hoclaptrinh #javascript #html_css #nodejs #restful_api #backend #devops
—————————————

☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh:
Công cụ đo đạc giao diện web:
Công cụ viết CV xin việc chuyên nghiệp:

☻ Tiện ích cho Visual Studio Code:
Gợi ý code: Tabnine Autocomplete AI (
Tự động đóng thẻ: Auto Close Tag (
Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (
Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (
Icon theme: Material Icon Theme (
Hiển thị thông tin Git (commit, author, …): Gitlens (

☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn:
Xây dựng giao diện với HTML, CSS:
Xây dựng web responsive:
Lập trình Javascript cơ bản:
Lập trình Javascript nâng cao:
Xây dựng web với Node & Express:
HTML, CSS tips:
Ứng dụng cảnh báo khi sờ lên mặt:
Xem thêm tại:

☻ Chú ý :
– Không văng tục chửi bậy, bình luận có văn hóa.
– Không hỏi khi chưa xem xong video.
Sai phạm sẽ được mời khỏi kênh.

☻ F8 là nơi học lập trình để đi làm!
Tại sao bạn nên học lập trình tại đây? Ở đây chúng tôi có:
– Nội dung bài học chỉn chu và chi tiết giúp học viên hiểu từ cái gốc
– Kỹ năng sư phạm khác biệt từ người dạy giúp học viên có thêm nhiều động lực
– Hình ảnh và âm thanh chất lượng cao giúp học viên thêm hứng thú

🍺 Buy me a beer

F8 Official
(c) Sơn Đặng
Website:
Facebook cá nhân:
Nhóm Học Lập Trình Web:
Email: sondnf8@gmail.com

© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.

43 bình luận về “[Tin tức] Props là gì? Dùng props khi nào?”

  1. function CourseItem(props) {

    return (

    <div>

    <h2>{props.title}</h2>

    <p>{props.description}</p>

    <h1>{props.students_count}</h1>

    <img src={props.image} alt={props.title} />

    </div>

    );

    }

    export default function App() {
    return (

    <div className="App">

    {courses.map((course) => (

    <CourseItem

    title={course.title}

    description={course.description}

    image={course.image_url}

    students_count={course.students_count}

    />

    ))}

    </div>

    );

    }

    Bình luận
  2. 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ư <component data = {data}/> 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 ạ

    Bình luận
  3. Anh Sơn và mọi người ơi cho em hỏi chỗ này với!!
    Học bài này em liên tưởng tới thư viện prop-types, cho em hỏi tại sao description
    bị undefined ạ?
    ““javascript
    const postDefaultValue = {
    img: '#',
    title: 'Default title',
    description: 'Default description',
    published: 'Default published'
    };

    const { img, title, description, published } = postDefaultValue;
    console.log({ title }); //Default title

    const Post = ({ img, title, description, published } = postDefaultValue) => {
    console.log({ postDefaultValue }); // { img: '#', …params } – có giá trị của object default
    console.log({ description }); // undefined

    return (
    <li className="post__list">
    <img src={img} />
    <h2 className="post__title">{title}</h2>
    <p className="post__desc">{description}</p>
    <p className="post__published">{published}</p>
    </li>
    );
    };
    ““

    Bình luận
  4. 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

    Bình luận

Viết một bình luận

bahis10bets.com betvole1.com casinomaxi-giris.com interbahis-giris1.com klasbahis1.com mobilbahisguncelgiris1.com piabetgiris1.com tipobettgiris.com tumbetgiris1.com betboro 1xbet giriş
bahis10bets.com betvole1.com casinomaxi-giris.com interbahis-giris1.com klasbahis1.com mobilbahisguncelgiris1.com piabetgiris1.com tipobettgiris.com tumbetgiris1.com betboro 1xbet giriş
antalya bayan escort
antalya bayan escort
antalya bayan escort