Экспортируйте компонент, используя withStyles () и compose () с интерфейсом Redux / Firebase / Material

Question

Поэтому я пытаюсь собрать это приложение, используя Firebase и Redux для хранения, и Material UI в качестве дизайна.У меня работают редукторы firebase и firestore, и все, я просто сталкиваюсь с проблемой, когда пытаюсь экспортировать компонент, используя как firebase, так и withStyles ();

(работает отдельно, просто выдает ошибку, когдаЯ пытаюсь использовать оба.)

Вот что я пробовал:

Это работает, но withStyles () не существует.

export default compose(
  firebaseConnect([{ collection: 'clients' }]),
  connect(mapStateToProps),
)(Clients);

Это работает,но он не связан с firebase.

export default connect(mapStateToProps)(withStyles(styles)(Clients));

Я пытался объединить их, но каждый выдает ошибку.

export default compose(
  firebaseConnect([{ collection: 'clients' }]),
  connect(mapStateToProps),
)(withStyles(styles)(Clients));

export default compose(
  firebaseConnect([{ collection: 'clients' }]),
  connect(mapStateToProps),
  withStyles(styles, {
    name: 'Clients',
  }),
)(Clients);

Выдается ошибка Uncaught Error: Path is a required parameter within definition object

Любая помощь будет принята с благодарностью.Спасибо!

Answer 1

ОК, после некоторого возни я понял это.Я должен поместить firebaseConnect () внутри соединения, куда обычно будут поступать действия.

const withFirebase = firebaseConnect([{ collection: 'clients' }]);

export default connect(mapStateToProps, withFirebase)(withStyles(styles)(Clients));