How to react to length of store array?

I have a store representing an array:

const [pools, setPools] = createStore<Pool[]>([])

const [pools, setPools] = createStore<Pool[]>([])

Elsewhere I render a list based on that array:

<Column class="px-2">
  <Row>
    <For each={pools}>{(p, i) => <PoolView index={i()} />}</For>
    <CreatePoolViewButton index={pools.length} />
  </Row>
</Column>

<Column class="px-2">
  <Row>
    <For each={pools}>{(p, i) => <PoolView index={i()} />}</For>
    <CreatePoolViewButton index={pools.length} />
  </Row>
</Column>

pools.length

pools.length

is always 0, even when I successfully add an element to the pool store. How do I get the value reactively?

SolidJS•3y ago•

15 replies

Ghirigoro

How to react to length of store array?

I have a store representing an array:

const [pools, setPools] = createStore<Pool[]>([])

const [pools, setPools] = createStore<Pool[]>([])

Elsewhere I render a list based on that array:

<Column class="px-2">
  <Row>
    <For each={pools}>{(p, i) => <PoolView index={i()} />}</For>
    <CreatePoolViewButton index={pools.length} />
  </Row>
</Column>

<Column class="px-2">
  <Row>
    <For each={pools}>{(p, i) => <PoolView index={i()} />}</For>
    <CreatePoolViewButton index={pools.length} />
  </Row>
</Column>

pools.length

pools.length

is always 0, even when I successfully add an element to the pool store. How do I get the value reactively?

Continue the conversation

Join the Discord to ask follow-up questions and connect with the community

SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.

12,260 Members

Join

How to react to length of store array?

How to react to length of store array?

Continue the conversation

SolidJS

Continue the conversation

SolidJS

Similar Threads