import {observable, computed} from 'mobx'
class Page {
@observable title = ''
@observable published = false
@observable author = null
@computed get authorName () {
return this.author || 'Anonymous'
}
}
class Page {
@action publish () {
this.published = true
// do ajax/async here if you like
}
}
const person = observable({
name: 'Ella Fitzgerald'
})
const temp = observable(23)
temp.get()
temp.set(25)
temp.observe(...)
asMap(obj)
- JS map (dynamic keys)asReference(fn)
- don’t observe measStructure(obj)
- JS object (observe as deepEqual)asFlat(array)
- JS array (observe its children)import { observer } from 'mobx-react'
@observer
class PageView extends React.Component {
render () {
return <div>{this.props.page.title}</div>
}
}
<PageView page={page} />
import { observer } from 'mobx-react'
const PageView = observer(({page}) => {
<div>{page.title}</div>
})
<PageView page={page} />