覆蓋shouldcomponentupdate與HOC

Question

我可以知道是否可以使用HOC而不是extend來更改shouldcomponentupdate的子組件的行爲（覆蓋）？這方面的任何例子？

Answer 1

是的。這可能在一定程度上。

我們可以實現HoC的shouldComponentUpdate，它將具有與通常在React Child組件中重寫子組件的shouldComponentUpdate相同的效果，如果父級重新渲染，則只會重新渲染。

function HoC(WrappedComponent) { 
    return class extends React.Component { 

    shouldComponentUpdate() { 
     // change the behaviour here 
    } 

    render() { 
     return <WrappedComponent {...this.props} />; 
    } 
    }; 
} 

然而，這不會如果孩子組件有任何內部狀態改變與setState或工作，它是不是從父更新等不同的源forced to rerender。例如，如果子組件連接到Redux商店，並且該商店有connect，則它將在商店獲取更新時重新提交，而不管HoC中的重寫shouldComponentUpdate行爲。