# normal-list-react

> ![preview](preview.gif)

Latest version **1.1.3** (published 2017-09-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install normal-list-react
pnpm add normal-list-react
yarn add normal-list-react
bun add normal-list-react
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.3 |
| Published | 2017-09-15 |
| First published | 2017-09-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 7 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | zwei |
| Maintainers | zweizhao |
| Keywords | normal, list |

## Links

- npm: https://www.npmjs.com/package/normal-list-react
- Repository: https://github.com/ZweiZhao/normal-list-react
- Homepage: https://github.com/ZweiZhao/normal-list-react#readme
- Issues: https://github.com/ZweiZhao/normal-list-react/issues
- npm.io page: https://npm.io/package/normal-list-react

## Dependencies (7)

- [react](https://npm.io/package/react.md) ^15.6.1
- [babel-cli](https://npm.io/package/babel-cli.md) ^6.26.0
- [react-dom](https://npm.io/package/react-dom.md) ^15.6.1
- [pagination-react](https://npm.io/package/pagination-react.md) ^1.0.0
- [babel-preset-react](https://npm.io/package/babel-preset-react.md) ^6.24.1
- [babel-preset-es2015](https://npm.io/package/babel-preset-es2015.md) ^6.24.1
- [babel-preset-stage-0](https://npm.io/package/babel-preset-stage-0.md) ^6.24.1

## Recent versions

- 1.1.3 (latest) — 2017-09-15
- 1.1.2 — 2017-09-14
- 1.1.1 — 2017-09-14
- 1.1.0 — 2017-09-14
- 1.0.0 — 2017-09-14

## README

# normal list for react

![preview](preview.gif)

**install**

`npm install --save-dev normal-list-react style-loader css-loader`

**webpack.config.js**

```
// add loader
{
    test: /\.css$/,
    loader: "style-loader!css-loader"
}
```

**import**

import NormalList from 'normal-list-react'

**use**

```
<NormalList
    data={_normalListData.data}
    headerTitles={['序号', 'VIN / 车型', '报价金额', '创建时间']}
    itemKeys={['num', 'type', 'total_money', 'createtime']}
    listClick={this.listClick.bind(this)}/>
```

> data: data source, array with objects

> headerTitles: header titles

> itemKeys: list item key from object

> listClick: list click handle, callback the item

```
listClick(item) {
    alert(JSON.stringify(item))
}
```

---
_Source: https://npm.io/package/normal-list-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._