带有Redux的Material UI v1 - 如何导出

Question

我试图利用材料的UI V1与显示stajuan的终极版-佐贺登录模板这里.所以,我想合并export default这两者的东西,换句话说,组合两个函数来导出默认类:

import React, {Component} from 'react';
import { connect } from 'react-redux';
import { withStyles, createStyleSheet } from 'material-ui/styles';

// Redux
function select (state) {
    return {
    data: state
    }
}

// Material UI v1
const styleSheet = createStyleSheet(theme => ({
    // ...
}));

// Class to be exported
class Login extends Component {
    // ...
    render () {
        // ...
    }

}

// H O W   T O   M E R G E   T H O S E ? ? ?
// export default connect(select)(Login);
// export default withStyles(styleSheet)(Login);

上面代码的最后两行注释掉的行是我的案例中要合并的语句.

Answer 1

你需要安装npm install recompose或yarn add recompose

并在您的出口部分

export default compose(
    withStyles(styles, {
        name: 'App',
    }),
    connect(),
)(AppFrame);

或者你可以这样做:

export default withStyles(styles)(connect(select)(Cart));