Question

我需要在material-ui中更改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, ...。因为我会在那里有一些选择。恩。 [merge-tools] imgdiff.priority=-100 imgdiff.regkey=Software\TortoiseSVN imgdiff.regname=Directory imgdiff.regappend=\bin\TortoiseIDiff.exe imgdiff.gui=True imgdiff.diffargs=/left:"$parent" /lefttitle:"$plabel1" /right:"$child" /righttitle:"$clabel" /showinfo [merge-patterns] **.png = imgdiff [diff-patterns] **.png = imgdiff

我怎样才能做到这一点？

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

Material-ui ListItem样式覆盖@media

1 个答案: