Slider duplicating on rerender
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 38/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- javascript
- 领域
- frontend
调研方向
从 Slider 组件开始，使用最小 JSX 设置或链接的 CodeSandbox 示例重现重复问题。比较 state 或 props 变化前后的渲染输出，然后验证重新渲染后只保留一个 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
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 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 个 reaction ·
查看 developit/preact-mdl 的全部 Issue
相似的 Issue
-
effort:low model:light plan planner:fable-5-1 test-quality tests
难度 2/5 1-3 小时 新手友好度 88/100
维护者通常 1 天内回复
-
area: agent area: theme help wanted lane: free-agent roadmap size: S status: needs-brief type: layout type: task
难度 2/5 1-3 小时 新手友好度 60/100
arminazimi/slipway#64 ·
-
release:v5.34
难度 1/5 1 小时以内 新手友好度 90/100
Jason-Vaughan/TangleClaw#2469 · 1 条评论 ·
维护者通常 1 天内回复
-
hacktoberfest help wanted skip-changelog
难度 2/5 1-3 小时 新手友好度 85/100
wassim-azi/agy-powerline#74 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 67/100
MadeBaruna/paimon-moe#696 ·