Logic composability problems of lifecycle hooks in React Suppose I have these components in my project: class MessageHeader extends React.Component { /* ... */ } class NiceButton extends React.Component { /* ... */ } class FridgeContents extends React.Component { /* ... */ }