SolidJSS
SolidJSโ€ข13mo agoโ€ข
1 reply
be_cool

useTransition not working

Hello , I am trying to utilize useTransition but Im not sure if I am doing anything wrong or haven't understood how it works.
import { createSignal, useTransition } from 'solid-js'

export default function Counter() {
  const [count, setCount] = createSignal(1)
  const [isPending, start] = useTransition()

  const increment = () => {
    start(() => {
      setTimeout(() => {
        setCount((p) => p + 1)
      }, 2000)
    })
  }

  return (
    <>
      <button type="button" onClick={increment}>
        {count()}
      </button>
      <br />

      {isPending() ? 'Yes' : 'No'}
    </>
  )
}
Was this page helpful?