mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
726499ff14
* clear missed interval * remove trailing whitespace
37 lines
888 B
JavaScript
37 lines
888 B
JavaScript
import React from 'react'
|
|
import { bindActionCreators } from 'redux'
|
|
import { initStore, startClock, addCount, serverRenderClock } from '../store'
|
|
import withRedux from 'next-redux-wrapper'
|
|
import Page from '../components/Page'
|
|
|
|
class Counter extends React.Component {
|
|
static getInitialProps ({ store, isServer }) {
|
|
store.dispatch(serverRenderClock(isServer))
|
|
store.dispatch(addCount())
|
|
return { isServer }
|
|
}
|
|
|
|
componentDidMount () {
|
|
this.timer = this.props.startClock()
|
|
}
|
|
|
|
componentWillUnmount () {
|
|
clearInterval(this.timer)
|
|
}
|
|
|
|
render () {
|
|
return (
|
|
<Page title='Other Page' linkTo='/' />
|
|
)
|
|
}
|
|
}
|
|
|
|
const mapDispatchToProps = (dispatch) => {
|
|
return {
|
|
addCount: bindActionCreators(addCount, dispatch),
|
|
startClock: bindActionCreators(startClock, dispatch)
|
|
}
|
|
}
|
|
|
|
export default withRedux(initStore, null, mapDispatchToProps)(Counter)
|