React Redux Object Handler

React Redux Object Handler.js

import React from 'react';
import PropTypes from 'prop-types';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';


//import App from '$/component/app';
import * as UserActions from '$/state/actions/user';

const mapStateToProps = state => ({
  logined: state.user.logined,
});

function mapDispatchToProps(dispatch) {
  return bindActionCreators(UserActions, dispatch);
}

const Counter = ({
  login,
  logined,
}) => (
  <p>
    Clicked: {logined?"a":"v"} times
    <button onClick={login}>login ol</button>
    {' '}
  </p>
);

Counter.propTypes = {
  login: PropTypes.func.isRequired,
  logined: PropTypes.number.isRequired,
};


export default connect(mapStateToProps, mapDispatchToProps)(Counter);