1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-redux/components/counter.js
Tim Neutkens 0697c289f8
Implement with-redux using _app.js (#4295)
* Simplify redux example

* Simplify redux example even more

* Remove empty space
2018-05-07 15:03:54 +02:00

28 lines
561 B
JavaScript

import React, {Component} from 'react'
import { connect } from 'react-redux'
import { addCount } from '../store'
class AddCount extends Component {
add = () => {
const {dispatch} = this.props
dispatch(addCount())
}
render () {
const { count } = this.props
return (
<div>
<h1>AddCount: <span>{count}</span></h1>
<button onClick={this.add}>Add To Count</button>
</div>
)
}
}
function mapStateToProps (state) {
const {count} = state
return {count}
}
export default connect(mapStateToProps)(AddCount)