circle flickers
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 25/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Cần làm rõ
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Bắt đầu với đoạn mã CountdownDisplay được cung cấp và cách sử dụng thành phần Circle của nó, sau đó tái hiện hiện tượng nhấp nháy của countdowntimer khi thời gian còn lại ít. So sánh giá trị tiến độ và các lần cập nhật timer khi gần hoàn tất, đồng thời xác minh rằng vòng tròn vẫn ổn định khi bộ đếm ngược tiến gần đến 0.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
when my countdown gets low, the circle flickers
but only then. when there is more time, it works fine
any idea why?
my code:
const CountdownDisplay = (props) => {
if (props.completed) {
return <h6>This event has ended</h6>;
}
return (
<div className="countdownCircle">
<Circle percent={props.total} strokeWidth={4} trailWidth={4} />
<p className="countdownCircle__innerText">
{props.hours + props.days * 24}:{props.minutes < 10 && "0"}
{props.minutes}:{props.seconds < 10 && "0"}
{props.seconds}
</p>
</div>
);
};
it's called by a countdowntimer
- Ngôn ngữ chính
- TypeScript
- Star
- 706
- Fork
- 161
- Merge trung bình
- 3 giờ 29 phút
- Pull request đã merge (30 ngày)
- 2
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
- Đọ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 react-component/progress
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 45/100
react-component/progress#301 ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
react-component/progress#252 ·
-
scss file Đang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 25/100
react-component/progress#251 ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 45/100
react-component/progress#247 ·
-
onHover Functionality Đang mở
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 35/100
react-component/progress#194 ·
Tất cả issue của react-component/progress
Issue tương tự
-
VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
danielmiessler/LifeOS#2234 ·
-
T: Bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 85/100
-
Mend: dependency security vulnerability untriaged
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100