rsnext/examples/with-mobx-state-tree/components/SampleComponent.js
Joe Haddad 18a9c7e371
Improve linting rules to catch more errors (#9374)
* Update `packages/`

* Update examples

* Update tests

* Update bench

* Update top level files

* Fix build

* trigger
2019-11-10 19:24:53 -08:00

35 lines
689 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 SampleComponent 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 SampleComponent