摘要：useState的基本用法 useState用于向函数组件添加状态 它接收一个参数作为状态的初始值，并返回一个数组 数组的第一个值为状态，第二个值为改变状态的函数 import React, { useState } from 'react' function stateClass(){ const 阅读全文

摘要：需求分析 很多时候我们需要通过弹窗/对话框来完成交互，因此这个公共的弹窗组件需要实现以下功能： 组件动态地传入弹窗的标题和内容 点击确定和取消按钮之后，执行组件传入的回调函数 样式布局 JSX代码如下：(通过 styled-components 开发样式) const JSXdom = ( <div 阅读全文

摘要：上一篇文章中，我们介绍了如何实现轮播图的无缝滚动 这一篇文章将会介绍如何实现自动播放，以及如何将自动播放和手指滑动这两个事件进行隔离 自动播放 假设自动播放的顺序为：图片无限向左滚动 那么当我们发现 this.current 指向第二组最后一张图片时，也应该让它瞬间移动到第一组的最后一张图片 直接看 阅读全文

摘要：需求分析 移动端触摸滑动：图片可以跟随手指滑动而滑动 底部小圆点：与轮播图联动的显示效果 无缝循环滚动：第一张图可以往前滑动、最后一张图也可以往后滑动 可以自动播放（下一篇文章介绍） 页面样式和布局 <SliderWrapper ref={this.wrap} width={this.props.i 阅读全文