styled-components 相关问题

styled-components是一个用于样式化React应用程序的JavaScript库。它删除了样式和组件之间的映射，并允许您编写使用JavaScript扩充的实际CSS。

样式组件末尾的字符串是什么？

技术：React，Typescript我确定这是重复的，但我只是不知道如何查找...我想为样式组件包创建一个包装... API的参考... 。

javascript reactjs typescript styled-components

回答 1 投票 0

使用Material-UI组件的styled-components typescript错误

使用typescript并希望为带有样式组件的Material UI组件设置样式。但是StyledComponent显示类型'{children：string; }'缺少以下内容......

reactjs typescript material-ui styled-components

回答 2 投票 5

将具有嵌套类的css转换为样式化组件问题

我在理解样式组件中的嵌套时遇到问题，我有一个代码，我需要在我的项目中实现，但我不完全理解如何用styled-comp编写相同的东西。由于 ...

reactjs styled-components

回答 2 投票 0

使用Styled Components将样式添加到子元素？

假设我想创建一个名为的样式化组件将以下CSS添加到作为子传递的任何元素：@media print {display：none！important; } 我怎样才能做到这一点？一世 ...

reactjs styled-components

回答 3 投票 3

在单文件组件方法中使用vue-styled-components

这是我的样式组件文件，名为styles.js import，来自'vue-styled-components'; export const StyledTitle = styled.h1` font-size：1.5em; text-align：center;颜色：...

javascript vue.js styled-components

回答 1 投票 0

Next.js页面转换

我正在使用Next.js的新_app.js文件来尝试创建一个页面过渡，例如淡入淡出或幻灯片，但无法理解它。我正在使用Styled Components来应用样式。我的结构......

javascript reactjs styled-components next.js react-transition-group

回答 2 投票 0

Gatsby.js的GraphQL查询回调

在Contentful CMS中，我有两种不同的内容类型：BigCaseStudy和BigCaseStudySection。为了让这些内容出现在我的Gatsby 2.x网站上，我的想法是：查询1，它得到所有...

javascript graphql styled-components gatsby contentful

回答 2 投票 1

如何使用React，Material UI和Styled-components在Meteor环境中管理服务器端渲染？

我按照Meteor docs中的说明实现了。我添加的所有组件css都会被渲染。但是Material UI组件，外观和感觉并不像我在客户端版本中那样。我试过这个......

reactjs meteor material-ui styled-components ssr

回答 3 投票 0

我可以设置样式来从样式组件中记录正文吗？

我想知道是否有可能将样式从样式组件转换为包装元素，如 tag in the way that looks like this: class SomePageWrapper = styled.div` body { ...

javascript reactjs styled-components

回答 3 投票 2

如何聚焦样式组件？

我有一个样式组件：const StyledComponent = styled.div` ...`;我想在安装使用它的组件时关注它：class someComponent extends React.Component {...

styled-components

回答 3 投票 3

React Material Design选择和样式化的组件

我想使用样式 - 组件互操作性从https://material-ui.com/api/select/#select选择样式选择组件我尝试了类似的东西：const StyledForm = styled.form` display：...

material-ui styled-components

回答 1 投票 0

React - 使用样式组件传递道具

我只是在样式组件文档中读到以下错误，它将影响渲染时间。如果是这种情况，我如何重构代码并使用所需的道具来创建...

javascript reactjs styled-components

回答 2 投票 4

如何将文本行添加到React样式组件

我正在学习Styled-component：我希望我的代码能够呈现文本行（您的私人教练），但我不想在App.js文件中使用它。我怎样才能做到这一点？从'styled -...进口造型

reactjs styled-components

回答 1 投票 1

使用Enzyme测试按钮onClick处理程序

当涉及按钮的onClick处理程序时，我在使用Enzyme的contains方法时遇到问题，其中提供的操作方法需要参数。我在将redux动作传递给...时遇到了这个问题。

reactjs jestjs enzyme styled-components react-boilerplate

回答 2 投票 2

将样式化的组件样式应用于第三方组件

我正在学习反应，我开始使用样式组件和react-router dom但我遇到困难将我的自定义样式组件应用于我不创建的现有组件。这里是 ...

reactjs react-router-dom styled-components

回答 2 投票 0

使用样式化组件覆盖反应组件样式

我试图覆盖由样式组件（样式。）的标准方式创建的组件样式，并且两种方式（styled（）和style.extends）都适合我。但是，当我试图覆盖...的风格

reactjs styled-components

回答 2 投票 1

如何使用常见的less变量与样式组件？

假设我有一个样式组件，在index.jsx import'./index.less'; class Input扩展了React.Component {...}，我的index.less文件看起来：.input {color：@whiteColor;这个index.less ...

reactjs styled-components

回答 3 投票 1

设置React样式组件

我无法使样式组件工作;必须是我的设置中的东西。这是组件：从'react'导入React;从'styled-components'导入样式; const Wrapper = styled.div`显示：...

reactjs npm webpack babel styled-components

回答 1 投票 0

在React中使用样式化组件时，状态不会更改

我正在尝试使用样式化组件库进行样式设置时实现搜索栏。我的问题是，如果我使用样式组件，查询的值永远不会改变。这是我的代码导入...

javascript reactjs styled-components

回答 2 投票 0

在create-react-app构建之后缺少一些样式组件样式

我的create-react-app存在这个大问题。我正在使用样式组件，一切都在开发，但在我构建之后，一些样式丢失了，应用程序看起来真的......

reactjs build create-react-app styled-components

回答 1 投票 0

styled-components 相关问题

最新问题