Topics

SolidJS•10mo ago

north korean supermarket

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•10mo ago

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

north korean supermarket•10mo ago

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•10mo ago

Could you show the updated code?

north korean supermarket•10mo ago

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

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

REEEEE•10mo ago

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

north korean supermarket•10mo ago

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

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

this works for some reason thank you for you help 🙂

shogun2077•10mo ago

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

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

11KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Troubles Deploying to AWS EC2Hello! After making an app, I tried to deploy it on a AWS EC2 server. It runs as usual in the consol Client renders in dev mode, but not once builtHi I'm new to solid and I'm making a simple app with solid start. When I use `npm run dev` it works Good practices in SolidJSAre there any tutorials which go in depth of what are good and bad practices when building apps with Variable initialized in `onMount` becomes `undefined````ts let positionMenu: () => void; onMount(() => { positionMenu = getPositionMenuFun({ inputElem Cannot build on serverI have a server (debian bookworm) and my local PC (Arch) My site (https://github.com/someaspy/duckdu Solid-Element Custom Elements ManifestIf I'm using the Solid-Element library to generate web components, is there a way to generate a [cus What's the SEO situation like with solid?As far as i know MPA is better for SEO but I've not been able to find any information on it. As I kn Can't start the server with https enabled on StartI have a certificate and I changed the vite.config.ts to use it by adding ```ts server: { https: { Jest, TypeScript, and @solidjs/routerI set up my project with Jest & TypeScript according to https://www.solidjs.com/guides/testing#jest-Any pattern to avoid getting ts angry when using route data fields?I am using routeData returning an object with 2 fields from it. When I use a combination of <Show> a