高阶组件,有状态组件和无状态组件的定义我就不再多说了,我对个理解的也不是太深入,仅仅是能熟练使用的状态,今天刚好有时间,就记录一下
首先这个高阶组件是由多个组件组合起来的,List,List组件中又包含了Banner组件,Banner是一个无状态组件,最后是一个Popup组件
我就只把Banner和Popup贴出来了
这是一个无状态的Banner组件,仅仅作为数据的展示,没有生命周期,没有转态管理,从父组件中,我们可以看到,父组件给他传了5个数据,在子组件中用吧这些传过来的东西当参数来接受
我们还可以这么写 const {data ,isIndex , autoplayInterval, autoplay, infinite} = props
const Banner = (props) => {
let isIndex = props.isIndex ? true : false //是否是首页使用
let newHeight = props.height ? 300 : Dimensions.get('window').width*547/960
const {data ,isIndex , autoplayInterval, autoplay} =