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