2

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

export default Radium(App)

和媒体查询将按预期工作。但是，我想像这样同时使用react-routerRadium 连接：

//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 screen 和（最大宽度：799px）。你是说@media screen and (maxWidth: 799px) 吗？

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

4

1 回答 1

-1

你到底为什么要再次导出文件。使用以下

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

这将正常工作。不要忘记在顶部导入镭:)

于 2017-05-31T12:20:54.597 回答