文章/答案/技术大牛

发布

社区首页 >问答首页 >样式组件在重构后停止工作。

问样式组件在重构后停止工作。
EN

Stack Overflow用户

提问于 2020-12-01 12:52:09

回答 1查看 236关注 0票数 0

样式-部件停止工作。我可以毫不费力地使用样式化组件，但是在完成重构(创建子组件)之后，一些样式化的组件突然停止工作。

import React from "react"; 
import ReactDOM from "react-dom";
import MainWindow from "./components/mainWindow";
import SubWindow from "./components/subWindow";
import "./index.css";
import styled from "styled-components";

const Container = styled.main`
display: flex;
`;

const App = () => {
 return (
 <Container>
   <MainWindow />
   <SubWindow />
 </Container>
 );
};

ReactDOM.render(<App />, document.querySelector("#root"));

样式-组件为主标记分配类名，但是当我检查标记时(如下面所示)，尽管我为容器组件分配了样式"display: flex“，但没有应用样式。Devtool说，没有样式应用于容器组件。

我试过：

更改组件的名称。
卸载和重新安装样式-组件。
多次检查语法。

styled-components

css

reactjs

回答 1

Stack Overflow用户

发布于 2020-12-01 13:34:24

使用以下方法，我能够呈现组件和样式，没有问题：

import React from "react";
import ReactDOM from "react-dom";
import styled from "styled-components";

const Container = styled.main`
  background: red;
  display: flex;
`;

const App = () => {
  return <Container>foo</Container>;
};

ReactDOM.render(<App />, document.getElementById("container"));

版本：

反应: 17.0.1
ReactDOM: 17.0.1
造型部件: 5.2.1

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65090841

复制

相似问题

问样式组件在重构后停止工作。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问样式组件在重构后停止工作。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问样式组件在重构后停止工作。
EN