css - Material-ui ListItem样式覆盖@media

我需要在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, ...

我该如何实现？

最佳答案

这样的事情应该起作用。

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

关于css - Material-ui ListItem样式覆盖@media，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42389034/