react-component / react-component/progress
circle flickers
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 706
- Forks
- 161
- Ø Merge
- 3 Std. 29 Min.
- Gemergte PRs (30 T.)
- 2
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
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
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.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100