Front End Cross-Frameworks Framework

Omi Docs Omim Docs Omis Docs GitHub

Copyright © 2019 Tencent

      
import { define, render } from 'omi'

class Store {
  data = {
    count: 1
  }
  sub = () => {
    this.data.count--
  }
  add = () => {
    this.data.count++
  }
}

define('my-counter', ['count'], _ => (
  <div>
    <button onClick={_.store.sub}>-</button>
    <span>{_.store.data.count}</span>
    <button onClick={_.store.add}>+</button>			
  </div>
))

render(<my-counter />, 'body', new Store)