Правильно ли я написал redux HOC?

Question

[Wood Walker]

Решил, попробовать написать redux HOC, но видимо я как-то не правильно коннекчусь к store.
Код HOCa такой

import React from 'react';
import { connect } from 'react-redux';
import { compose } from 'redux';

const ProductsAndCustomers = Component => (
  class extends React.Component {
  // методы
    render() {
      return <Component/>;
    }
  }
)

const mapStateToProps = state => {
    return {
      ProductsAndCustomers: state
    }
}

const mapDispatchToProps = dispatch => {
  return {
    onRequestProducts: () => dispatch()
  };
}

// export default connect(
//   mapStateToProps,
//   mapDispatchToProps,
// )(ProductsAndCustomers);
// Пробовал таким образом, но видимо из-за того, что ProductsAndCustomer, не class, он ругается
const composeProductsAndCustomers = compose(
  connect(mapDispatchToProps, mapStateToProps),
  ProductsAndCustomers
);

export default composeProductsAndCustomers;

Answer 1

[davidnum95]

const withProductsAndCustomers = Component => {
 class ProductsAndCustomers extends React.Component {
  // методы
    render() {
      return <Component {...this.props}/>;
    }
  }
  return connect(mapStateToProps, mapDispatchToProps)(ProductsAndCustomers);
}

const mapStateToProps = state => {
    return {
      ProductsAndCustomers: state
    }
}

const mapDispatchToProps = dispatch => {
  return {
    onRequestProducts: () => dispatch()
  };
}

Comments

[polarlord]

В connect порядок аргументов не такой https://react-redux.js.org/api/connect

[davidnum95]

polarlord, не обратил внимания, просто скопипастил у автора

[Wood Walker]

polarlord, в этом собственно и была ошибка, спасибо, сам был не внимателен.