modular-redux-thunk
modular-redux-thunk copied to clipboard
In example App.js, _ChipsComponent is not defined
Correct code is :
import React from 'react';
import { Provider, connect } from 'react-redux';
import { store, selectors, pickActions } from './reducers';
// Create the connected component
class _ChipsComponent extends React.Component {
render() {
const { favorites } = this.props;
const statement = `My favorite kind of chips are ${favorites.chips} and drink is ${favorites.drink}!`;
return (<div>{ statement }</div>);
}
};
_ChipsComponent.propTypes = {
setFavoriteChips: React.PropTypes.func,
favorites: React.PropTypes.object
};
const AppComponent = connect(state => {
return {
favorites: selectors.getUserFavorites(state)
};
}, pickActions('setFavoriteChips'))(_ChipsComponent);
const AppWrapper = (props) => {
return (<Provider store={ store }><AppComponent /></Provider>);
};
ReactDOM.render(
<AppWrapper />,
document.getElementById('app')
);