react-4
A React component to create loops.
Install
npm i react-4
Usage
import For from "react-4"// or import { For } from "react-4"
Repeat
<ul> <For ="3"> <li>item</li> </For></ul>
Output:
item item item
Repeat (with iteration status)
<ul> <For ="3" = /></ul>
Output:
{ "index": 0, "count": 1, "size": 3, "isEven": true, "isOdd": false, "isFirst": true, "isLast": false } { "index": 1, "count": 2, "size": 3, "isEven": false, "isOdd": true, "isFirst": false, "isLast": false } { "index": 2, "count": 3, "size": 3, "isEven": true, "isOdd": false, "isFirst": false, "isLast": true }
Range
<ul> <For ="3..5" = /></ul>
Output:
item 3 item 4 item 5
Range (with iteration status)
<ul> <For ="2..-1" = /></ul>
Output:
item 2 item 1 item 0 item -1
object
prop)
Range (with <ul> <For = = /></ul>
Output:
item 3 item 4 item 5
Array
<ul> <For = = /></ul>
Output:
first item item 2 last item
License
MIT © mskoroglu