Reactive utilities

indexArray

Edit this page
import { indexArray } from "solid-js"


function indexArray<T, U>(
  list: () => readonly T[],
  mapFn: (v: () => T, i: number) => U
): () => U[]

Similar to mapArray except it maps by index. The item is a signal and the index is now the constant.

Underlying helper for the <Index> control flow.

const mapped = indexArray(source, (model) => {
  return {
    get id() {
      return model().id
    }
    get firstInitial() {
      return model().firstName[0];
    },
    get fullName() {
      return `${model().firstName} ${model().lastName}`;
    },
  }
});

Parameters

list

Type: () => readonly T[]

The list to map.

mapFn

Type: (v: () => T, i: number) => U

The mapping function.

Report an issue with this page