For

The <For> component provides efficient list rendering in Solid.

Usage

import { For } from 'solid-js';

function TodoList(props: { todos: Todo[] }) {
  return (
    <For each={props.todos}>
      {(todo) => <div>{todo.text}</div>}
    </For>
  );
}

Last updated: 4/21/25, 10:01 AM

Edit this page on GitHub