Javascript 在React中，样式化组件'；它不工作了

我正在尝试使用样式化组件。然而现在，我正在使用“flex”进行响应性设计，但我无法理解

样式化组件的CSS不起作用。我看不到那些款式

下面是我的风格概述

从'react TagsInput'导入标记输入；
从“/PostTypeSelector”导入PostTypeSelector；
从“样式化组件”导入样式化；
从“./邮戳”导入邮戳；
从“/PostSubmit”导入PostSubmit；
//const StyledPostSubmit=styled（PostSubmit）`
// `;
//const StyledTagsInput=styled（TagsInput）`
// `;
const StyledPostTypeSelector=styled（PostTypeSelector）`
背景颜色：灰色；
弹性：10；
`;
const StyledPostForm=styled（PostForm）`
弹性：90；
`;
const StyledPostMarkdown=styled（邮戳）`
弹性：10 0；
左边框：1px实心#22222；
`;

我就这样调整

render（）{
返回(
);
}

如中所述：

如果使用

styled（MyComponent）

表示法，并且

MyComponent

未呈现传入的

className

属性，则不会应用任何样式

//这样才能起作用
const StyledPostForm=styled（PostForm）`
弹性：90；
`;
//您需要将className属性应用于组件的顶部节点（容器/父节点）
常量PostForm=（{className}）=>(
...
)

向我们展示您试图设计的组件之一（例如

PostForm

），提问时请记住，您应该制作一个可生产的示例：

// For this to work
const StyledPostForm = styled(PostForm)`
    flex: 9 0;
`;

// You need to apply the className prop to component's top node (Container/Parent)
const PostForm = ({ className }) => (
  <Container className={className}>...</Container>
)