Material-ui ListItemスタイルのオーバーライド@media

Question

material-uiのスタイルをListItemに変更する必要があります。

私は、記入した後、私はPopoverに戻っている私の要素のリストを持っています。

elms.push(<ListItem key={i} primaryText={obj[i].title} onTouchTap={this.addGeotag.bind(this, obj[i])}/>) 

私は単純にすべてが正常に動作しますstyle={{line-height:"5"}}ListItemに追加した場合。

しかし、私は@media max-width: ...を使用する必要があります。私はそこにいくつかのオプションがあるので。例。 850px, 1200px, ...

これをどのように達成できますか？

Answer 1

何かこれはうまくいくはずです。

componentDidMount() { 
    window.addEventListener('resize', this.listenOnResize); 
}, 

componentDidUnmount() { 
    window.removeEventListener('resize', this.listenOnResize); 
}, 

listenOnResize(event) { 
    // Do calculations here 
    // Save in state what size prop you want for your component 
},