reactjs - 使用 Material-ui 自定义主题和 redux

Question

我已经设置了 Material-ui 和 redux 并且可以正常工作，但是 redux 让你使用 connect 与更高阶的组件：

export default connect(mapStateToProps)(ComponentName);

而 Material-ui 文档让你做了类似的事情：

export default muiThemeable()(ComponentName);

您如何将主题与 redux 导出相结合以使它们导出或协同工作？

Answer 1

您可以组合多个高阶组件：

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

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