react-component / react-component/progress
circle flickers
Nessuno ha ancora preso questa issue.
- Lingua principale
- TypeScript
- Stelle
- 706
- Fork
- 161
- Merge medio
- 3h 29m
- PR unite (30g)
- 2
Descrizione
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
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia con lo snippet CountdownDisplay fornito e il suo utilizzo del componente Circle, quindi riproduci lo sfarfallio del countdowntimer quando il tempo rimanente è poco. Confronta il valore di avanzamento e gli aggiornamenti del timer in prossimità del completamento e verifica che il cerchio rimanga stabile man mano che il conto alla rovescia si avvicina a zero.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 25/100