styled-components 相关问题

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

尝试使用textarea创建React组件，该组件根据内容高度自动扩展和缩小（使用Sandbox）

我正在尝试构建使用React钩子和样式组件的TextArea组件。当我的textarea获得新的线条时，一切顺利。扩展功能正在按预期工作。我......

javascript css reactjs styled-components react-hooks

回答 1 投票 1

在React中覆盖样式组件

我试图找到一种方法来覆盖样式组件，如下所示：我们有一个可重用的组件Wrapper：class Wrapper extends Component {... render（）{...

reactjs styled-components

回答 2 投票 0

svg微调器使用共享相同颜色的样式组件创建

我正在玩Styled-components并试图创建一个svg circle spinner组件。一切都很好，除非我尝试在同一页面中多次使用该组件，然后每个...

reactjs svg styled-components

回答 1 投票 1

在主题内设置多个值

我目前发现样式组件和样式主题，我很好，我可以在主题内指定多个值。我将解释......所以在示例中我们有这样的代码：const boxBg = theme（'...

styled-components

回答 3 投票 1

在使用react-router 4和styled-component进行响应时，不应在路由器外使用Route或withRouter（）

我正在尝试构建我的第一个投资组合网站，并使用react-router-dom 4.2.2和styled-components 2.2.3陷入路由。错误消息：您不应该在...之外使用Route或withRouter（）

javascript reactjs react-router styled-components

回答 2 投票 27

样式化组件中的条件呈现

如何在样式组件中使用条件呈现，使用React中的样式组件将我的按钮类设置为活动状态？在CSS中我会这样做：

reactjs styled-components

回答 3 投票 21

React-Native Styled-Components采用动态样式

我正在尝试让我的组件使用样式组件在react-native中使用动态样式。这样做的方法在这里显示https://github.com/styled-components/styled-components/issues/940 const ...

react-native styled-components

回答 2 投票 0

@ types / styled-components重复标识符FormData

如果我在项目中添加@ types / styled-components，我将在构建输出中出现一堆错误：/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts中的错误（36,15）：TS2300：......

javascript reactjs typescript styled-components

回答 3 投票 8

样式化从索引文件导入的React组件时出错，但直接从组件文件导入时则出错

新手在这里，如果我忽略了一些明显的东西或错过了重复的帖子（并且还没有直接发布在样式组件上，显然我需要代表那个......），所以请提前道歉。 ...

javascript reactjs webpack styled-components

回答 1 投票 1

styled-components局部变量

来自SCSS（SASS）以下SCSS代码的适当Styled-Components实现是什么？ SCSS：.circle {$ size：16px; //

css reactjs styled-components

回答 2 投票 0

如何在网格列中设置textarea-element的样式？

我正在使用与styledcomponents的反应，让我的头围绕css网格，无法对齐textarea，无法获得正确的高度（下一行溢出）和宽度（必须与'col3'对齐...

css reactjs css3 css-grid styled-components

回答 1 投票 3

在生产中禁用displayName

我在CRA 2.0应用程序中使用样式组件4.0。默认情况下，组件名称显示在DOM中，而不是仅显示在DOM中

create-react-app styled-components

回答 1 投票 0

如何处理样式化组件中的条件

我正在为我的应用程序添加样式组件和ThemeProvider的主题支持。有问题的组件已经有条件显示基于prop的样式。当我介绍主题时我不能......

javascript reactjs styled-components

回答 2 投票 1

使用flexbox和svg（使用Sandbox）反应星级评分组件

我目前正在构建一个React组件，以便在我的应用中显示星级。它目前正在运作。但不知何故，我只能通过将SVG元素包含在标签中来实现它...

css reactjs styled-components

回答 2 投票 2

更改material-ui复选框的样式

我正在使用React作为我的项目和样式组件包进行样式化，但我在使用样式组件设置Material-ui复选框时遇到问题。我需要缩小复选框的边框，但我......

css reactjs frontend material-ui styled-components

回答 1 投票 0

样式组件和反应引导程序？

有没有办法将样式组件与react-bootstrap一起使用？ react-bootstrap为其组件公开了bsClassproperties而不是className，这似乎与styled -...不兼容。

reactjs react-bootstrap styled-components

回答 2 投票 18

样式组件 - 将对象作为抛光的颜色函数的第二个参数传递

我正在使用抛光的文档可以阅读和这里github回购。在JavaScript中编写样式时，许多人需要Sass风格的帮助函数才能提高工作效率。 ✨抛光......

reactjs styled-components css-in-js

回答 2 投票 1

React.HTMLProps 打破defaultProps

我有以下代码用于我的按钮样式组件导出类型的PropTypes Props = {size？：'small'| '中'| '大'， }; StyledButton.defaultProps = {size：'medium'，};它是 ...

reactjs styled-components react-props react-proptypes

回答 3 投票 0

仅在未聚焦的子项时才更改悬停时父项的样式 - 样式化组件

我有一个div组件：const Parent = styled.div`＆：not（$ {Input}：focus）：hover {border-color：blue; };和输入const的子项Input = styled.input``;如你所见，我......

css css3 styled-components

回答 2 投票 1

如何：将输入到输入框中的第一个单词的首字母大写

因此，我试图将输入框中的第一个字符大写，但没有成功，如下所示：样式组件const SearchStyles = styled.div` position：relative;输入{...

css styled-components

回答 1 投票 0

styled-components 相关问题

最新问题