Why you did not mention the name of empty wrapper?
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- JavaScript
- Star
- 11.8k
- Fork
- 7.9k
- Merge trung bình
- 1 ngày 11 giờ
- Pull request đã merge (30 ngày)
- 11
Mô tả
Link
https://beta.reactjs.org/learn#writing-markup-with-jsx
In this paragraph you wrote :
JSX is stricter than HTML. You have to close tags like <br />. Your component also can’t return multiple JSX tags. You have to wrap them into a shared parent, like a <div>...</div> or an empty <>...</> wrapper:
I"d recommend to add the name of the empty Wrapper Fragment and provide the two version of it:
function AboutPage() {
return (
<Fragment>
<h1>About</h1>
<p>Hello there.<br />How do you do?</p>
</Fragment>
);
}
The shortcut:
function AboutPage() {
return (
<>
<h1>About</h1>
<p>Hello there.<br />How do you do?</p>
</>
);
}
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- 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.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Mở trang React Learn được liên kết và tìm đoạn văn bắt đầu bằng “JSX is stricter than HTML.”. Cập nhật đoạn văn đó để nêu tên Fragment và hiển thị cả cú pháp Fragment tường minh lẫn cú pháp rút gọn bằng thẻ rỗng. Hoàn tất khi trang trình bày rõ ràng cả hai dạng cùng với phần giải thích wrapper hiện có.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- javascript, react
- Lĩnh vực
- documentation
- Loại issue
- Tài liệu
- Độ khó
- 1/5
- Thời gian dự kiến
- 1-3 giờ
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức phù hợp với người mới
- 35/100