Extracting Emotion Styles for a Specific Component Using Ref
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức phù hợp với người mới
- 20/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Cần làm rõ
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- javascript, react
- Lĩnh vực
- frontend
Hướng nghiên cứu
Không có tệp repository, bài kiểm thử hoặc entry point nào được đề cập. Hãy bắt đầu bằng việc điều tra cách @emotion/styled chèn các thẻ style vào head của tài liệu và liệu một ref có xác định các style của một component được render hay không; công việc chỉ được hoàn tất khi có câu trả lời được xác nhận và ghi lại về cách truy cập các style đó mà không cần quét mọi thẻ.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
In a React application using @emotion/styled, I need to extract the styles generated for a specific component rendered in the DOM, based on a reference (ref). The goal is to capture the <style> tags injected by Emotion that are related to the component currently referenced, without having to loop through all <style> tags in the DOM.
When using @emotion/styled, styles are dynamically injected into the of the document. These styles are global and are not automatically scoped to specific components in a way that makes it straightforward to extract styles for just one component.
Question:-
Is there a way to directly access the <style> tags generated by Emotion for a specific component using a ref?
- Ngôn ngữ chính
- JavaScript
- Star
- 11.8k
- Fork
- 7.9k
- Merge trung bình
- 16 giờ 6 phút
- Pull request đã merge (30 ngày)
- 7
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.
Issue khác của reactjs/react.dev
-
type: documentation
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 82/100
-
bug: unconfirmed
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 74/100
-
type: typos
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
-
bug: unconfirmed
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
Tất cả issue của reactjs/react.dev
Issue tương tự
-
bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 76/100
avniproject/avni-client#2135 ·
-
automated broken-link
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 85/100
-
agent/security hive/hosted-available-lke648397-260827-5n31 security
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100
-
enhancement
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
babalae/bettergi-scripts-list#3674 ·
-
A-Release-Notes C-Editing D-Modest S-Ready-For-Implementation
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
bevyengine/bevy-website#2595 ·