文章
专栏
React 30 秒速学(30-seconds-of-react 中文翻译)
译自:30-seconds-of-react 项目,全篇中文翻译、学习,所有案例进行分析、注释、上线。
共 13 篇文章
React 30 秒速学:制作多行文本组件,限制字符数和单词数
2019-05-19
2019-05-19
实现 TextArea 多行文本组件,及 LimitedTextarea 限制字符数和 LimitedWordTextarea 限制单词数的多行文本组件。
React 30 秒速学:制作输入框、密码可见、滑块组件、下拉选择器、复选框组件
2019-05-19
2019-05-19
实现多个表单组件, Input 基础输入框、 PasswordRevealer 密码可见、 Slider 滑块元素、 MultiselectCheckbox 复选框、 Select 下拉选择器。
React 30 秒速学:实现可折叠、无限层级的树形组件
2019-05-21
2019-05-21
实现一个 Tree 树组件,支持数组和对象数据格式,支持无限层级,通过递归组件渲染子树,可折叠、展开。
React 30 秒速学:制作自动识别链接的文本组件
2019-05-20
2019-05-20
制作 AutoLink 组件,自动识别链接的文本组件,将字符串中的URL转换为适当的 a 标签元素。
React 30 秒速学:制作轮播组件
2019-05-22
2019-05-22
制作轮播组件,渲染轮播项目。在 useEffect 使用 setTimeout 新为下一个项的索引,使用 cloneElement 渲染轮播项目。
React 30 秒速学:制作折叠面板组件
2019-05-22
2019-05-22
制作 Collapse 折叠面板组件,通过 isCollapsed 状态变量决定显示和折叠,并从 style 对象应用适当的CSS规则。
React 30 秒速学:制作倒计时组件
2019-05-22
2019-05-22
制作 CountDown 倒计时组件,渲染倒数计时器,在达到零时处理相关事件。可暂停计时或重新开始。
React 30 秒速学:制作文件拖放组件
2019-06-01
2019-06-01
制作 FileDrop 文件拖放组件,可动态读取和渲染拖入文件信息,处理拖放各阶段功能,将它们绑定到组件的上下文。
React 30 秒速学:制作模态框组件
2019-06-01
2019-06-01
可通过事件控制的模态组件。要使用该组件,只导入一次 Modal,然后通过将一个布尔值传递给 isVisible 属性来显示它。
React 30 秒速学:制作星级评分组件
2019-06-01
2019-06-01
制作 Star 星级评分组件,从星星组件道星级评分逻辑,使它将根据父组件的状态为每个星形呈现适当的外观。
React 30 秒速学:制作选项卡组件
2019-06-01
2019-06-01
制作选项卡组件效果,包括 Tab 组件和 TabItem 组件部分,实现选项卡标题切换显示内容功能。
React 30 秒速学:制作手风琴组件
2019-05-25
2019-05-25
制作手风琴效果组件,由 AccordionItem 组件与 Accordion 组件组成,可包含多个可折叠内容。
React 30 秒速学:把数组数据渲染为列表、表格
2019-05-18
2019-05-18
解析教程中的的 DataList 列表组件、DataTable 表格组件,把数组数据渲染为列表、表格。
文章
专栏