Function For

For<T, U extends unknown>(
    props: {
        children: (item: T, index: number) => U;
        each: readonly T[];
        key?: (item: T, index: number) => any;
        separator?: unknown;
    },
): unknown
Renders a list of items with optional keys and separators.
Type Parameters
- T
  The type of items in the array
- U extends unknown
  The JSX element type returned by the render function
Parameters
- props: {
      children: (item: T, index: number) => U;
      each: readonly T[];
      key?: (item: T, index: number) => any;
      separator?: unknown;
  }
  - children: (item: T, index: number) => U
    Render function that receives each item and its index
  - each: readonly T[]
    Array of items to render
  - Optionalkey?: (item: T, index: number) => any
    Optional key function for efficient updates (uses lit-html's repeat directive)
  - Optionalseparator?: unknown
    Optional JSX element to insert between items
Returns unknown
An iterator from either the map or repeat directive, depending on whether a key function is provided.
Example
```
<For each={users} key={(user) => user.id}>
  {(user, index) => <div key={user.id}>{user.name}</div>}
</For>
```
- Defined in work/lit-jsx/lit-jsx/src/runtime/for-component.ts:24