在 redux 中使用 Material-ui 自定义主题

Question

我有 Material-ui 和 redux 都已设置并正常工作，但是 redux 是否让您使用与高阶组件的连接：

export default connect(mapStateToProps)(ComponentName);

虽然 Material-ui 文档让您做类似的事情：

export default muiThemeable()(ComponentName);

你会如何将主题与 redux 导出结合起来让它们导出或协同工作？

Answer 1

你可以compose multiple Higher Order Components:

export default muiThemeable()(connect(mapStateToProps)(ComponentName));

一个 HOC 接受一个组件（可能还有其他参数）和 return 另一个组件。因此，一个 HOC 的 return 值是另一个 HOC 的有效参数。