Vanessa
篇文章React Visual - 弹窗组件
React Visual - 邮件发送组件
React Visual - 旋转加载组件
2019-10-09 描述创建一个旋转加载的组件。为组件中的元素定义适当的 CSS 样式和动画定义一个组件,返回一个简单的 SVG,其大小可以通过 size 属性进行设置当然,你也可以直接使用 CSS 动画 🍩 式的旋转来实现实现.loader{animation:rotate2slinearinfinite;}@keyframesrotate{100%{transform:rotate(360deg);}}.load
React Visual - 文件的拖拽
['1', '7', '11'].map(parseInt) 的输出结果是?
React Visual - 时钟倒数计时器 (advanced)
2019-09-29 描述渲染一个倒数计时器,当其为 0 时打印一条消息。使用对象解构设置默认的 hours、minutes 和 seconds 属性使用 React.useState()hook 创建 time、paused 和 over 状态变量,他们的默认值分别为传入的属性、false 和 false 创建一个 tick 方法,基于当前的值更新 time 值(如:每次减少 1 秒)如果 paused 或者 over 的值为 true,tick 方法
React Visual - 折叠组件
React Visual - 轮播组件
React Visual - 文本自动转链接 (advanced)
React Visual - 提示组件
React Visual - 手风琴 (advanced)
React Input - 输入框向父组件直接传值
React Input - 文本输入框向父组件传值
React Input - 滑动元素向父组件传值
React Input - 下拉列表向父组建传值
React Input - 显示密码框内容
React Input - 多选列表向父组件传值
React Input - 单词个数限制
React Input - 限制 textarea 输入的长度
2019-09-10 描述渲染一个字符受到限制的 textarea 组件。使用 React.useState()hook 创建一个 content 状态变量并设置他的值为 value。创建一个 setFormattedContent 方法,当长度大于 limit 时可以对其进行截断使用 React.useEffect()hook 来调用参数为 content 状态变量的 setFormattedContent 方法让一个 <textar