Function CountComponent

demo/index.tsx:88–106

()

InputComponent.displayName = 'InputComponent'

function CountComponent() {
  const [{ count, input }, actions] = useAyanami(Count)
  const [{ tips }] = useAyanami(Tips)

  const add = (count: number) => () => actions.add(count)
  const minus = (count: number) => () => actions.minus(count)

  return (
    <div>
      <p>count: {count}</p>
      <p>input: {input}</p>
      <p>tips: {tips}</p>
      <button onClick={add(1)}>add one</button>
      <button onClick={minus(1)}>minus one</button>
      <button onClick={actions.reset}>reset</button>
      <InputComponent />
    </div>
  )
}

ReactDOM.render(<CountComponent />, document.querySelector('#app'))