javascript - 如何在Radium中包装React Redux Connect？

通常，当我在React应用程序中使用Radium时，我只需将导出的类包装在Radium中

export default Radium(App)

并且媒体查询将按预期工作。但是，我想像这样使用从react-router和Radium的两个连接：

//Imports
import React from 'react'
import Radium from 'radium'
import { Table, TableBody } from 'material-ui/Table'
import { connect } from 'react-redux

const tableWrapper = {
    width: '100%',
    '@media screen and (max-width: 799px)': {
        width: '50%'
    }
}

render() {
    <Table wrapperStyle={tableWrapper}>
        <TableBody>
           ...
        </TableBody>
    </Table>
}

function mapDispatchToProps(dispatch) {
    return bindActionCreators(Object.assign({}, {update}), dispatch)
}

export default connect(null, mapDispatchToProps)(Radium(App))
export { App as AppNoRadium }

但应用样式时，我仍然收到警告/错误：


  警告：不支持的样式属性@media屏幕和（最大宽度：799px）。您是说@media屏幕和（最大宽度：799px）吗？


我是否在Radium中错误地包装了组件？

最佳答案

为什么最后又要导出文件。使用以下

Login = connect(mapStateToProps, { })(Radium(Login));
export default Login;

这样就可以了。不要忘记在顶部进口镭:)