React/Redux：如何在存储更改后忽略重新渲染？

Question

我有几个组件，我直接想要忽略重新呈现（或对这些组件的任何其他更改），如果商店的某些部分发生更改。如何才能做到这一点？

Answer 1

shouldComponentUpdate(nextProps, nextState) { 
    if ('not rerneder condition') { 
    return false; 
    } 
} 

Answer 2

将shouldComponentUpdate函数添加到该组件并返回false。

shouldComponentUpdate() { 
    return false; 
} 

Answer 3

为了忽略对组件的更新，您应该使用shouldComponentUpdate生命周期方法。这应该在组件类中实现并始终返回false。这里有一个例子：

class CustomComponent extends React.Component { 
    shouldComponentUpdate() { 
    return false; 
    } 

    render() { 
    /* ... */ 
    } 
} 

希望这有助于！

Answer 4

除了shouldComponentUpdate，你可以尝试使用组件的属性key停止重新呈现。如果预览key与下一个key相同，则React不会重新渲染此组件。