Solid menyediakan For dan Index untuk merender list secara efisien.

For

import { For } from "solid-js"

function App() {
  const [items] = createSignal(["Apel", "Mangga", "Jeruk"])

  return (
    <ul>
      <For each={items()}>
        {(item, index) => <li>{index() + 1}. {item}</li>}
      </For>
    </ul>
  )
}

Index

import { Index } from "solid-js"

<Index each={items()}>
  {(item, index) => <li>{index + 1}. {item()}</li>}
</Index>

Perbedaan For vs Index

• For — item adalah value, index adalah signal. Untuk list objek
• Index — item adalah signal, index adalah value. Untuk list primitif