为什么将React组件包装在样式化的组件中是个坏主意

Question

引用此帖子：https://www.styled-components.com/docs/faqs#when-should-i-use-styled

（和这个https://github.com/styled-components/styled-components/issues/1226#issuecomment-335240613）

假设您有一个组件：

class MyComponent extends React.PureComponent {
    render() {
        return <div className={className}>Hello</div>;
    }
}

然后将其转换为样式化的组件：

export default styled(MyComponent)`    
    font-size: 20px;
    font-weight: bold;
    text-align: center; 
`;

为什么这不是最佳做法？ 为什么在内部简单地使用样式化的组件会更好？像这样：

class MyComponent extends React.PureComponent {
    render() {
        return <MyStyledCmpt>Hello</MyStyledCmpt>;
    }
}

const MyStyledCmpt = styled.div`    
    font-size: 20px;
    font-weight: bold;
    text-align: center; 
`;

请提供一个示例，说明什么时候是个坏主意（如果可能）。