0.1.1 • Published 6 years ago

react-foreach v0.1.1

Weekly downloads
264
License
MIT
Repository
github
Last release
6 years ago

react-foreach build status Coverage Status

NPM

A React component that renders each element of collection using a function as child component.

Installation

npm install --save react react-foreach

Usage

You can use lodash's uniqueId() to return unique keys for array children.

<ForEach items={[1, 2, 3, 4, 5]}>
{(value, index, array) => (
    <React.Fragment key={_uniqueId()}>
        <ListItem>{value}</ListItem>
    </React.Fragment>
)}
</ForEach>

API

Properties

NameTypeDefaultDescription
itemsarrayA list of items to render.

License

MIT