Skip to content

How to get the reactive length of a reactive list? #439

Description

@sarat1669
  const items = reactive([]);
  const length = derive(() => Object.keys(items).length);

  return div(
      list(div, items, ({ val: v }, deleter) =>
        div(() => v, div({ onclick: deleter }, "❌"))
      ),
      div(() => `You have ${length.val} item(s)`),
      span(() => Object.keys(stateFields(items)).length),
      button({ onclick: () => items.push(items.length + 1) }, "Add Item")
  )

Both of these values are always 0

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions