circle flickers
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 25/100
- issue の種類
- バグ
- 明瞭さ
- 説明が足りない
- 活発さ
- 停滞
- 技術スタック
- react, typescript
- 領域
- frontend
調査の方向性
提供された CountdownDisplay スニペットとその Circle コンポーネントの使用箇所から始め、残り時間が少なくなったときに countdowntimer で発生するちらつきを再現します。完了間近の進捗値とタイマーの更新を比較し、カウントダウンがゼロに近づいても円が安定したままであることを確認します。
索引モデルが issue の本文から書いたものです。
説明
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
- 主要言語
- TypeScript
- スター
- 706
- フォーク
- 161
- 平均マージ
- 3時間 29分
- マージ済み PR（30日）
- 2
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react-component/progress のほかの issue
-
難易度 3/5 1〜2日 初心者へのやさしさ 45/100
react-component/progress#301 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
react-component/progress#252 ·
-
scss file オープン
難易度 3/5 1〜2日 初心者へのやさしさ 25/100
react-component/progress#251 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 45/100
react-component/progress#247 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
react-component/progress#194 ·
react-component/progress の issue をすべて見る
似ている issue
-
clawsweeper:linked-pr-open clawsweeper:no-new-fix-pr clawsweeper:source-repro impact:message-loss issue-rating: 🦞 diamond lobster maturity:stable P2
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
Eynzof/Hermes-CN-Desktop#616 ·
-
ZCode 3.14.3 に対応する オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
supermomonga/zcode-acp#24 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
growthbook/growthbook#7100 ·
-
triage
難易度 1/5 1〜3時間 初心者へのやさしさ 88/100