Vanessa

2019-09-29 描述渲染一个倒数计时器，当其为 0 时打印一条消息。使用对象解构设置默认的 hours、minutes 和 seconds 属性使用 React.useState()hook 创建 time、paused 和 over 状态变量，他们的默认值分别为传入的属性、false 和 false 创建一个 tick 方法，基于当前的值更新 time 值（如：每次减少 1 秒）如果 paused 或者 over 的值为 true，tick 方法

2019-10-09 描述创建一个旋转加载的组件。为组件中的元素定义适当的 CSS 样式和动画定义一个组件，返回一个简单的 SVG，其大小可以通过 size 属性进行设置当然，你也可以直接使用 CSS 动画 🍩 式的旋转来实现实现.loader{animation:rotate2slinearinfinite;}@keyframesrotate{100%{transform:rotate(360deg);}}.load

2019-10-18 描述渲染一个信息提示组件。使用 React.useState()hook 创建一个默认值为 false 的状态变量 show 返回一个包含了两个 <div> 的 <div> 元素，他们分别用于显示提示和传递给组件的 children 监听 onMouseEnter 和 onMouseLeave 方法，分别用于 show 变量的切换当然，你也可以直接使用 CSS 交互-信息提示来实现实现.tooltip{position

2019-10-22 描述将数组中的元素转换为 <li> 标签，并将他们添加到指定 id 的列表中。提示使用 Array.prototype.map()，document.querySelector()和一个内部匿名闭包来创建 html 列表内的标签项代码 constarrayToHtmlList=(arr,listID)=>(el=>((el=document.querySelector('#'+listID)),