useEffect

Runs a function after the component is rendered, or when a value provided in the optional dependency array has changed.

Example

import { useState, useEffect } from "kaioken"

function MyComponent({ initialValue }) {
  const [value, setValue] = useState(initialValue)

  useEffect(() => {
    // This effect will run whenever 'value' changes
    console.log("Value has changed:", value)
  }, [value])

  const handleClick = () => {
    setValue(prevValue => prevValue + 1)
  };

  return (
    <div>
      <p>Value: {value}</p>
      <button onclick={handleClick}>Increment</button>
    </div>
  )
}

Related