9c4eefcdbf
* Add prettier for examples directory * Fix files * Fix linting * Add prettier script in case it has to be ran again
33 lines
820 B
JavaScript
33 lines
820 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import { Subscribe } from 'unstated'
|
|
import { ClockContainer, CounterContainer } from '../containers'
|
|
import { Clock, Counter } from '../components'
|
|
|
|
class About extends React.Component {
|
|
componentWillUnmount () {
|
|
clearInterval(this.timer)
|
|
}
|
|
render () {
|
|
return (
|
|
<Subscribe to={[ClockContainer, CounterContainer]}>
|
|
{(clock, counter) => {
|
|
this.timer = clock.interval
|
|
return (
|
|
<div>
|
|
<Link href='/index'>
|
|
<button>go to Index</button>
|
|
</Link>
|
|
<div>
|
|
<Clock clock={clock} />
|
|
<Counter counter={counter} />
|
|
</div>
|
|
</div>
|
|
)
|
|
}}
|
|
</Subscribe>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default About
|