Question

我有现有的CSS（因此，我应该考虑它），包括媒体查询是否显示元素。 CSS按预期工作，但问题是，即使媒体查询导致元素无法重新渲染，React仍会重新渲染和重新构造DOM。

有没有办法告诉不要渲染？有没有办法在React中检测媒体查询，然后如果媒体查询没有说明则不呈现？

Answer 1

您可以使用matchMedia并从false

返回shouldComponentUpdate

取决于您的用例

，如下所示

shouldComponentUpdate(nextProps) {
    return window.matchMedia('(min-width: 768px)').matches
}