reactjs - 将 Material-ui 自定义主题与 redux 结合使用

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 接受一个组件(可能还有其他参数)并返回另一个组件。因此，一个 HOC 的返回值是另一个 HOC 的有效参数。