使用 withStyles() 和 compose() 和 Redux/Firebase/Material UI 导出组件

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()放在连接内部，其中的操作通常是 go。

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

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