Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Feature AppHeader

Đang mở Phù hợp với người mới
#2 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
65/100
Loại issue
Tính năng
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
javascript, react
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu bằng cách đọc src/App.js để xác định markup header hiện có và cấu trúc component. Kiểm tra /assets để tìm logo của khách sạn, sau đó tách header thành một component AppHeader, import và render component này từ src/App.js, rồi xác minh rằng trang hiển thị header cùng logo.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

🐇 Size Small 📅 Week 1 🔑 Priority Key 🧩 Feature

Instructions:

  • Extract the <header> from the src/App.js file to be its own separate component called AppHeader.
  • Import and render the <AppHeader /> component within src/App.js.
  • In the AppHeader component, render the hotel's logo in an <img> . Find the logo in /assets

Test:

  • The header should be displayed with a logo on the page.
Ngôn ngữ chính
JavaScript
Star
1
Fork
28
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của CodeYourFuture/React-Module-Project

Tất cả issue của CodeYourFuture/React-Module-Project

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.