javascript 尝试用`render` prop替换react-redux的`connect` HoC。

Posted 2021-05-03

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

export const ReduxConnect = ({
  mapDispatchToProps,
  mapStateToProps,
  render,
}) => (
  connect(
    (mapStateToProps || null),
    mapDispatchToProps
  )(
    render
  )
)

ReduxConnect.propTypes = {
  mapDispatchToProps: PropTypes.any,
  mapStateToProps: PropTypes.func,
  render: PropTypes.func.isRequired,
}

export default ReduxConnect