react-mobile-waterfall

code

    import Waterfall from 'react-mobile-waterfall'; // component
    import 'react-mobile-waterfall/main.min.css'; // component styles 
    import WaterfallItem from '../../components/Mine/WaterfallItem'; // custom components of list item.
    <Waterfall  list={list} column={2} WaterfallItem={(context) => <WaterfallItem context={context}/>}></Waterfall> // component usage

Support typescript

    1. New file declaration.d.ts or find the. d.ts declaration file
    2. Document content: declare module 'react-mobile-waterfall'

Typescript usage

    <Waterfall list={list} column={2} WaterfallItem={(context: string | {
        [propName :string] :any
    }) => <WaterfallItem context={context}/>}></Waterfall>

params

params	type	dec	value
list	Array<string | {}>	list item	[]
column	number	column	2,3
WaterfallItem	func	list item component