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不會重新渲染此組件。