YanYuanFE / react-indexlist

:ski:Indexlist component based better-scroll for react

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-indexlist

Description

Indexlist component based better-scroll for react。

Quick Start

Install

npm install react-indexlist --save

or yarn add react-indexlist

Usage

import IndexList from 'react-indexlist';
import 'react-indexlist/dist/index.css';
handleSelect = (item) => {
    console.log(item);
}

<IndexList data={arr} onSelect={this.handleSelect} className="my-indexlist" />

Example

indexlist

indexlist

indexlist

Prop types

propTypes: {

    // className of component
    className: PropTypes.string,

    // Array of list
    data: PropTypes.array.isRequired, // Default: Array<{ title: string, items: array<{ name: string }> }>

    // render item by self, return ReactNode
    renderItem: PropTypes.func, // function (item)

    // onClick item callback
    onSelect: PropTypes.func, // function (item)
}

License

MIT

About

:ski:Indexlist component based better-scroll for react

License:MIT License


Languages

Language:JavaScript 93.0%Language:Less 3.8%Language:CSS 2.8%Language:HTML 0.4%