Function: For()
function For<T>(props: ForProps<T>): DocumentFragment;
Defined in: src/custom-components/for.ts:107
For - Helper con granularidad fina para listas
Type Parameters
| Type Parameter |
|---|
T |
Parameters
| Parameter | Type |
|---|---|
props |
ForProps<T> |
Returns
DocumentFragment
Examples
Granularidad fina con
<For each={[1, 2, 3]}>
{(n) => <div>{n}</div>}
</For>
// Funciona, pero re-renderiza todo cuando cambia
State
@Component
class TodoList extends BaseComponent {
@State todos: Todo[] = [...];
view() {
return (
<For each={this.todos}>
{(todo) => <TodoItem key={todo.id} todo={todo} />}
</For>
);
}
}
// Solo los TodoItem que cambian se re-renderizan