React 30 秒速学

实现 TextArea 多行文本组件，及 LimitedTextarea 限制字符数和 LimitedWordTextarea 限制单词数的多行文本组件。

实现多个表单组件， Input 基础输入框、 PasswordRevealer 密码可见、 Slider 滑块元素、 MultiselectCheckbox 复选框、 Select 下拉选择器。

实现一个 Tree 树组件，支持数组和对象数据格式，支持无限层级，通过递归组件渲染子树，可折叠、展开。

制作 AutoLink 组件，自动识别链接的文本组件，将字符串中的URL转换为适当的 a 标签元素。

制作轮播组件，渲染轮播项目。在 useEffect 使用 setTimeout 新为下一个项的索引，使用 cloneElement 渲染轮播项目。

制作 Collapse 折叠面板组件，通过 isCollapsed 状态变量决定显示和折叠，并从 style 对象应用适当的CSS规则。

制作 CountDown 倒计时组件，渲染倒数计时器，在达到零时处理相关事件。可暂停计时或重新开始。

制作 FileDrop 文件拖放组件，可动态读取和渲染拖入文件信息，处理拖放各阶段功能，将它们绑定到组件的上下文。

可通过事件控制的模态组件。要使用该组件，只导入一次 Modal，然后通过将一个布尔值传递给 isVisible 属性来显示它。

制作 Star 星级评分组件，从星星组件道星级评分逻辑，使它将根据父组件的状态为每个星形呈现适当的外观。

制作选项卡组件效果，包括 Tab 组件和 TabItem 组件部分，实现选项卡标题切换显示内容功能。

解析教程中的的 DataList 列表组件、DataTable 表格组件，把数组数据渲染为列表、表格。

制作手风琴效果组件，由 AccordionItem 组件与 Accordion 组件组成，可包含多个可折叠内容。