a8c344fa19
* Adapt with-mobx example for with-mobx-state-tree * Remove unnecessary lastUpdate parameter to show off snapshot * update readme * make other.js more closely mimic index.js
29 lines
615 B
JavaScript
29 lines
615 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import { inject, observer } from 'mobx-react'
|
|
import Clock from './Clock'
|
|
|
|
@inject('store') @observer
|
|
class Page extends React.Component {
|
|
componentDidMount() {
|
|
this.props.store.start()
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
this.props.store.stop()
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div>
|
|
<h1>{this.props.title}</h1>
|
|
<Clock lastUpdate={this.props.store.lastUpdate} light={this.props.store.light} />
|
|
<nav>
|
|
<Link href={this.props.linkTo}><a>Navigate</a></Link>
|
|
</nav>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default Page
|