Slider duplicating on rerender
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 38/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript
- 領域
- frontend
調査の方向性
Sliderコンポーネントから始め、最小限のJSXセットアップまたはリンクされたCodeSandboxの例を使って重複を再現します。stateまたはpropsの変更前後でレンダリング結果を比較し、その後、再レンダリングによって重複した要素ではなく1つのsliderだけが残ることを確認します。
索引モデルが issue の本文から書いたものです。
説明
When I use the Slider component and a rerender happens (state or props change), then the slider will be duplicated.
Might possibly be the same error source as #7? (A problem with the remounting by mdl)
Minimal setup:
class SliderTest extends Component {
updateState = e => {
this.setState({
value: e.target.valueAsNumber
})
}
render(_, { value }) {
return (
<div>
<Slider name='test' min={0} max={100} value={value} onChange={this.updateState} />
</div>
)
}
}
After some changes will render this:
For an example see here:
https://codesandbox.io/s/6wx9r52lw
I will try to tackle this myself as well, but I do not know if my prect / mdl knowledge is enough for that 😅 .
- 主要言語
- JavaScript
- スター
- 192
- フォーク
- 20
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
developit/preact-mdl のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 42/100
developit/preact-mdl#52 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 35/100
developit/preact-mdl#51 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 25/100
developit/preact-mdl#40 · コメント 2 件 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 20/100
developit/preact-mdl#34 · コメント 8 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
developit/preact-mdl#28 · コメント 1 件 · リアクション 1 件 ·
developit/preact-mdl の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
antfu-collective/icones#398 ·
-
ECmail.com オープン
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
wesbos/burner-email-providers#554 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
radiantearth/stac-browser#1023 ·
-
HMR stops working オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
components-web-app/docs#92 ·