Reactive Utilities

mapArray

编辑此页面
import { mapArray } from "solid-js"


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

响应式映射辅助函数，通过引用缓存每个项目以减少更新时不必要的映射。 它对每个值只运行一次映射函数，然后根据需要移动或删除它。 索引参数是一个信号。映射函数本身不进行跟踪。

是 <For> 控制流的底层辅助函数。

const mapped = mapArray(source, (model) => {
  const [name, setName] = createSignal(model.name)
  const [description, setDescription] = createSignal(model.description)


  return {
    id: model.id,
    get name() {
      return name()
    },
    get description() {
      return description()
    },
    setName,
    setDescription,
  }
})

参数

名称类型描述
list() => readonly T[]要映射的源数组。
mapFn(v: T, i: () => number) => U映射函数。
报告此页面问题