ラジウムの中でどのように反応を還元するのですか？予想通り

Question

は、一般的に、私は私のアプリを反応させるのにラジウムを使用する場合、私は単純ラジウム

export default Radium(App) 

とメディアクエリ内で私のエクスポートクラスをラップします動作します。

//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しかし、私はこのようなラジウムと一緒react-routerから接続の両方を使用したいです画面と（最大幅：799ピクセル）。あなたは@media画面と（maxWidth：799px）を意味しましたか？

私のコンポーネントがRadiumに正しくラッピングされていませんか？

Answer 1

なぜファイルを最後にもう一度エクスポートしますか？これは正常に動作します

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

次を使用します。上にラジウムをインポートすることを忘れないでください:)