<Index> / indexEach

Render content for each index in an iterable expression.

JSXNo Build

import { Index } from "rvx";

<Index each={someIterable}>
    {value => <li>{value}</li>}
</Index>

import { indexEach, e } from "./rvx.js";

indexEach(someIterable, value => e("li").append(value))

Index

The index is passed as the second argument:

JSXNo Build

<Index each={someIterable}>
    {(value, index) => <li>{index + 1}: {value}</li>}
</Index>

indexEach(someIterable, (value, index) => e("li").append(index + 1, ": ", value))

Error Handling

Errors thrown by the component or while updating an index result in undefined behavior.