Dropdown 是常见的可交互组件之一。
它的功能可以很简单,但又要考虑许多展示和交互的复杂状况。
我认为它是入门前端的一大门槛。
挑战如下
- 编写一个可复用的 Dropdown 组件。
功能完整即可,简单或复杂的都可以。 - 将作品呈现在 Codepen/CodeSandbox 等平台上,便于预览和查看代码。
- 尽量独立完成。如果参考了其他内容,请注明。
- 48h 内完成。
不是笔试,不是套白狼。没有排名,也没有奖品。
Dropdown 是常见的可交互组件之一。
它的功能可以很简单,但又要考虑许多展示和交互的复杂状况。
我认为它是入门前端的一大门槛。
不是笔试,不是套白狼。没有排名,也没有奖品。
1
Steps Nov 23, 2021
现成的那么多,为什么要浪费时间自己写一个。。。
|
2
learnshare OP @Steps 造轮子是为了学习,用轮子是为了速度和质量
|
3
Leonard Nov 23, 2021
需要 48h 吗
|
4
learnshare OP @Leonard 欢迎提前交卷
|
5
monster1priest Nov 23, 2021 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 |