[Code Challenge] 48h 写个 Dropdown
learnshare · learnshare · 2021-11-23 11:12:29 +08:00 · 1020 次点击这是一个创建于 1115 天前的主题，其中的信息可能已经有所发展或是发生改变。
Dropdown 是常见的可交互组件之一。
它的功能可以很简单，但又要考虑许多展示和交互的复杂状况。
我认为它是入门前端的一大门槛。
挑战如下
- 编写一个可复用的 Dropdown 组件。
功能完整即可，简单或复杂的都可以。 - 将作品呈现在 Codepen/CodeSandbox 等平台上，便于预览和查看代码。
- 尽量独立完成。如果参考了其他内容，请注明。
- 48h 内完成。
不是笔试，不是套白狼。没有排名，也没有奖品。
 |
1
Steps 2021-11-23 11:14:21 +08:00
现成的那么多，为什么要浪费时间自己写一个。。。
|
 |
2
learnshare OP @Steps 造轮子是为了学习，用轮子是为了速度和质量
|
 |
3
Leonard 2021-11-23 11:20:05 +08:00
需要 48h 吗
|
|
4
learnshare OP @Leonard 欢迎提前交卷
|
 |
5
monster1priest 2021-11-23 13:47:31 +08:00 via iPhone
@learnshare 说得好，绝知此事要躬行。我学新技术的时候经常感觉自己看懂了，但是自己亲自实践的时候会发现很多意想不到的点。
|
|
6
learnshare OP @Steps @Leonard @monster1priest 交作业了
1. 只用 CSS 的勉强可用版本 https://codesandbox.io/s/vigorous-voice-ozhyy 2. 用 React 实现的灵活版本 https://codesandbox.io/s/amazing-pine-b44bs |
Select Language