diff --git a/examples/counter/components/Counter.js b/examples/counter/components/Counter.js index 86833eab1f..d43ee01e9a 100644 --- a/examples/counter/components/Counter.js +++ b/examples/counter/components/Counter.js @@ -1,6 +1,6 @@ import React, { Component, PropTypes } from 'react'; -class Counter extends Component { +export default class Counter extends Component { render() { const { increment, incrementIfOdd, incrementAsync, decrement, counter } = this.props; @@ -27,5 +27,3 @@ Counter.propTypes = { decrement: PropTypes.func.isRequired, counter: PropTypes.number.isRequired }; - -export default Counter; diff --git a/examples/counter/containers/CounterApp.js b/examples/counter/containers/CounterApp.js index d97d02dfcb..c5c7021eb3 100644 --- a/examples/counter/containers/CounterApp.js +++ b/examples/counter/containers/CounterApp.js @@ -1,23 +1,16 @@ -import React, { Component } from 'react'; import { bindActionCreators } from 'redux'; import { connect } from 'react-redux'; import Counter from '../components/Counter'; import * as CounterActions from '../actions/CounterActions'; -class CounterApp extends Component { - render() { - const { counter, dispatch } = this.props; - return ( - - ); +function mapStateToProps(state) { + return { + counter: state.counter } } -function select(state) { - return { - counter: state.counter - }; +function mapDispatchToProps(dispatch) { + return bindActionCreators(CounterActions, dispatch); } -export default connect(select)(CounterApp); +export default connect(mapStateToProps, mapDispatchToProps)(Counter); diff --git a/examples/counter/package.json b/examples/counter/package.json index dfa1ffed74..5a9eaaa6f7 100644 --- a/examples/counter/package.json +++ b/examples/counter/package.json @@ -29,7 +29,7 @@ "homepage": "https://github.com/gaearon/redux#readme", "dependencies": { "react": "^0.13.3", - "react-redux": "^0.4.0", + "react-redux": "^0.8.0", "redux": "^1.0.0-rc", "redux-thunk": "^0.1.0" },