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 
},