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