react-waterfall-h5是什么?
一款基于React的移动端瀑布流组件。
react-waterfall-h5使用?
引入:
;
参数:
data //类型是数组,该值是需要循环的数据 columns // 类型是数字,该值指定瀑布流为几列
示例:
Component { const data = src:ajpg name:'a' src:bjpg name:'b' src:cjpg name:'c' return <Waterfall data=data columns=2> <Child/> </Waterfall> } Component { const dataSource = thisprops; // {src:x.jpg, name:'x'} return <div> <img src= dataSourcesrc className='larry_waterfall_img'/> <div> dataSourcename </div> </div> }
注意
- 子组件中img的className必须包含 larry_waterfall_img。
- 父组件传给子组件的值,统一被 this.props.dataSource 接收。
有问题反馈
在使用中有任何问题,欢迎反馈给我,可以用以下联系方式跟我交流
- 邮件:larry_zhu@foxmail.com
- QQ: 918035829