13feb8855d
* Adds mobx example * Fix coding style to match JS Standard * Removes unecessary link * Update README.md * Update README.md * Change next version from beta to ^2.0.0-beta * Assigns the store to a local var * Adds navigation in the example * Removes unecessary imports * Fix coding style to match JS Standard * Fix Clock import
30 lines
612 B
JavaScript
30 lines
612 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}>Navigate</Link>
|
|
</nav>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default Page
|