import React, { useDispatch } from 'reactn'

const incr = (count, action) => count + action.value
const decr = (count, action) => count - action.value

const MyComponent = () => {
  const increment = useDispatch(incr, 'count')
  const decrement = useDispatch(decr, 'count')

  return (
    <div>
      <button onClick={() => increment({ value: 1 })}>incr</button>
      <button onClick={() => decrement({ value: 1 })}>decr</button>
    </div>
  )
}

export default MyComponent