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