circle flickers
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 25/100
- Issue-Typ
- Bug
- Klarheit
- Muss geklärt werden
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- react, typescript
- Bereich
- frontend
Rechercherichtung
Beginne mit dem bereitgestellten CountdownDisplay-Snippet und seiner Verwendung der Circle-Komponente, und reproduziere dann das Flackern des countdowntimer, wenn die verbleibende Zeit gering ist. Vergleiche den Fortschrittswert und die Timer-Aktualisierungen kurz vor dem Abschluss und überprüfe, dass der Kreis stabil bleibt, während der Countdown gegen null läuft.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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
- Vorherrschende Sprache
- TypeScript
- Sterne
- 706
- Forks
- 161
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Entwicklungsumgebung
Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus react-component/progress
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 45/100
react-component/progress#301 ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
react-component/progress#252 ·
-
scss fileOffen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 25/100
react-component/progress#251 ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 45/100
react-component/progress#247 ·
-
onHover FunctionalityOffen
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100
react-component/progress#194 ·
Alle Issues in react-component/progress
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 88/100
Effect-TS/effect#8881 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
Discover carries headerEdges that nothing reads since #1914 moved E0507/E0517 to the compiler graphOffentech-debt
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 84/100
Maintainer antworten meist innerhalb von 1 Tag
-
mail processing verified
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 88/100
Maintainer antworten meist innerhalb von 7 Tagen
-
check:passed streams:add
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 86/100
Maintainer antworten meist innerhalb von 1 Tag
-
bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 74/100
OpenSlides/OpenSlides#7180 ·