cheton / react-foreach

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

react-foreach

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

Name	Type	Default	Description
items	array		A list of items to render.

License

MIT