props使用

根据swiper插件封装swiper组件

1. 组件多次调用复用时，出现轮播点不滑动的问题是因为同一个swiper元素被操作多次，所以要保证选中元素的唯一性
2. 轮播图不滑动的问题是因为数据更新之前，swiper结构已经绘制完毕

封装 swiper组件2

props使用

1. 如果需要构建类似插槽效果的应用可以用prop数据绑定
2. jsx语法去传递。 top={

   header

   }

props数据校验

1. 安装prop-types

 npm install --save prop-types

2. 使用指南

import React from "react"
import _propType from "prop-types"
class Slot extends React.Component {
   static propTypes ={
       name:_propType.string
   }
   render () {
       console.log(this.props)
       return (
           <div>
               {this.props.top}
               <h1>good morning {this.props.name} </h1>
               {this.props.bottom}
           </div>
       )
   }
}

export default Slot

   }
}

export default Slot