Javascript 如何停止媒体查询上的React渲染 我有现有CSS（因此我应该考虑），它包括媒体查询是否显示元素。CSS工作正常，但问题是React仍然会重新呈现和重新构造DOM，即使媒体查询导致元素无论如何都不会重新呈现

有没有办法告诉react不要渲染？是否有一种方法可以检测React中的媒体查询，然后在媒体查询显示not to时不渲染？

您可以使用并从

shouldComponentUpdate

返回

false

根据您的用例，如下所示

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

---

媒体查询不会影响DOM。媒体查询对React是否应渲染没有影响