react-redux

bad.jsx

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

import MyComponent from '../components/MyComponent';
import { pressed } from '../actions/actionCreators';

function mapStateToProps({ mySelector: { foo } }) {
  return { foo };
}

const propTypes = {
  pressed: PropTypes.func.isRequired,
};

function MyComponentContainer({
  pressed: pressedActionCreator,
  ...restProps,
}) {
  return (
    <MyComponent
      onPress={pressedActionCreator}
      {...restProps}
    />
  );
}

export default connect(
  mapStateToProps,
  { pressed },
)(MyComponentContainer);

good.jsx

import { connect } from 'react-redux';

import MyComponent from '../components/MyComponent';
import { pressed } from '../actions/actionCreators';

function mapStateToProps({ mySelector: { foo } }) {
  return { foo };
}
export default connect(
  mapStateToProps,
  { onPress: pressed },
)(MyComponent);