SolidJS•15mo ago

How to write an effect that depends on a store property?

I would like to scroll to the bottom of the list every time a list changes. My list is a property of a store. I would like to write something like

  createEffect(
    on([props.list], () => {
      scrollIntoView();
    })
  );

  createEffect(
    on([props.list], () => {
      scrollIntoView();
    })
  );

but on only accepts type Accessor. Is there another way to do this?

7 Replies

REEEEE•15mo ago

on(() => props.list ...

I get a runtime type error when i try that

Uncaught TypeError: ({get 0() => target[$PROXY][property], get 1() => target[$PROXY][property]}) is not a function

Uncaught TypeError: ({get 0() => target[$PROXY][property], get 1() => target[$PROXY][property]}) is not a function

REEEEE•15mo ago

Could you show the updated code?

  createEffect(
    on(
      () => props.list,
      () => {
        scrollIntoView();
      }
    )
  );

  createEffect(
    on(
      () => props.list,
      () => {
        scrollIntoView();
      }
    )
  );

REEEEE•15mo ago

hmm that should be fine 🤔 the issue could be somewhere else?

  createEffect(
    on([() => props.list], () => {
      scrollIntoView();
    })
  );

  createEffect(
    on([() => props.list], () => {
      scrollIntoView();
    })
  );

this works for some reason thank you for you help 🙂

shogun2077•15mo ago

Thanks for catching this. I'll make sure to try test this out and add correct the docs