onCleanup and props

I thought I knew how onCleanup works.. but I don't.

It would be great to understand the component lifecycle since the documentation barely explains how createEffect/onMount/onCleanup really work.
Here is the piece of code that I find strange:

function Component(props: { post: Post}) {
  onCleanup(() => console.log(props.post.id)) // this breaks, since post is null on cleanup? 
  return <span>{post.title}</span>
}

function Component(props: { post: Post}) {
  const post = createMemo(() => props.post)
  onCleanup(() => console.log(post().id)) // but this works
  return <span>{post.title}</span>
}

function Component(props: { post: Post}) {
  onCleanup(() => console.log(props.post.id)) // this breaks, since post is null on cleanup? 
  return <span>{post.title}</span>
}

function Component(props: { post: Post}) {
  const post = createMemo(() => props.post)
  onCleanup(() => console.log(post().id)) // but this works
  return <span>{post.title}</span>
}

It would be great to understand why props are null during cleanup, and why memos are not. And perhaps document it, since seems rather obscure.

SolidJS•10mo ago•

24 replies

pao ramen

onCleanup and props

function Component(props: { post: Post}) {
  onCleanup(() => console.log(props.post.id)) // this breaks, since post is null on cleanup? 
  return <span>{post.title}</span>
}

function Component(props: { post: Post}) {
  const post = createMemo(() => props.post)
  onCleanup(() => console.log(post().id)) // but this works
  return <span>{post.title}</span>
}

function Component(props: { post: Post}) {
  onCleanup(() => console.log(props.post.id)) // this breaks, since post is null on cleanup? 
  return <span>{post.title}</span>
}

function Component(props: { post: Post}) {
  const post = createMemo(() => props.post)
  onCleanup(() => console.log(post().id)) // but this works
  return <span>{post.title}</span>
}

It would be great to understand why props are null during cleanup, and why memos are not. And perhaps document it, since seems rather obscure.

onCleanup and props

Similar Threads

onCleanup and props

Similar Threads

Similar Threads

Similar Threads