styled-components 相关问题

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

如何引用不同 dom 中的样式化组件

我喜欢将样式添加到不同 dom 中的样式化组件。像这个 Material-ui Menu 组件例子，dashboard 按钮高亮为灰色，menu drop 高亮为浅色

reactjs material-ui styled-components

回答 1 投票 0

ModuleNotFoundError：找不到模块：错误：无法解析“@emotion/react”尝试将 Gatsby 与 MUI 和 Styled-Components 一起使用

我正在尝试将 Gatsby 与 MUI 和 Styled-Components 结合使用。但是我收到以下错误消息：ModuleNotFoundError：找不到模块：错误：无法解析不寻常的'@emotion/react'，因为...

reactjs material-ui gatsby styled-components

回答 0 投票 0

样式化组件下拉道具

I have a dropdown component with a alert that renders when any other option than 'select' is selected, which works. 我还想根据...更改下拉菜单的背景颜色和颜色

css reactjs styled-components

回答 0 投票 0

文本侵占父 div 的填充

css 不是我的菜，所以我无法在我的 div 中格式化我的文本。我正在制作作品集，并且有一张带有标题和描述的卡片。但是卡片的大小有填充物，...

html css styled-components

回答 1 投票 0

保存时重新渲染文件

从“反应”导入反应，{useEffect，useState}；从“styled-components”导入样式；从“../assets/images/icon-arcade.svg”导入街机；从...进口先进

reactjs styled-components

回答 0 投票 0

在nextjs静态网站上等待CSS加载？

我有一个nextjs静态网站。从截图中可以看到，JS加载速度很快，但它等待styled-components来应用CSS。CSS是在页面加载后应用的。任何想法如何...

css next.js styled-components

回答 1 投票 0

Angular Nebular样式不适用于NbChatComponent。

我有一个正在进行的angular项目，我试图将nebular聊天UI添加到项目中。我用npm安装了nebular，并按照网站中提到的方法进行了导入。功能和预期一样，...

angular styles styled-components angular-components nebular

回答 1 投票 2

风格化组件--两个不同的元素具有相同的风格。

我有一个Button组件（在React中），它可以是一个按钮或一个元素，这取决于是否有一个href道具被传递给该组件。类似于下面的内容。const Button = ({ children, href, ...

javascript reactjs styled-components

回答 1 投票 0

通过点击ReactJs中的按钮来切换背景颜色的应用程序。

我想有一个按钮，可以改变我的应用程序的背景颜色。我知道如何做onClick，这将改变我的颜色一次，但我宁愿有切换按钮，而不是。App.js ...

reactjs button toggle styled-components

回答 2 投票 0

当表省略号attr被指定为 "true "时，将显示黑色文本框。如何改变文本框背景颜色的样式？

我用的是

reactjs antd styled-components

回答 1 投票 0

TypeScript React错误。"找不到模块。无法解析'styled-components'"

在安装@typesstyled-components包和编译我的Typescript React应用程序后，我一直得到错误。未找到模块。Can't resolve 'styled-components' I have dependancy in both package...。

reactjs typescript npm styled-components

回答 1 投票 0

在react-select中进行程序化的聚焦和选值。

我希望能够以编程方式关注()和选择()一个反应选择。点击下面的添加新品牌：应该呈现这样的效果。这是我目前所做的我的选择组件是...

reactjs styled-components react-select ref

回答 1 投票 0

多重继承(风格化组件)

请看下面的代码片段是否可以让组件基于其他样式的组件。我想做的是const HeaderDropDownLi = styled(DropDownLi, HeaderItem) DropDownLi ...。

javascript css reactjs typescript styled-components

回答 1 投票 0

如何在MaterialUI中设置<Box >类型与样式。

@material-uistyles支持下一个重新定义默认样式的方法：从'react'导入React；从'@material-uicoreBox'导入Box；从'@material-uicorestyles'导入{ styled }；const ...

javascript css reactjs material-ui styled-components

回答 1 投票 2

在React中使用道具，跨组件的风格化组件。

我有一个React组件： const StyledButton = styled.button` border: none; background: ${props => props.color}; color: white; &:focus { outline: none; }。`; const ...

javascript reactjs styled-components

回答 2 投票 0

风格化组件，SVG没有动画效果

我在React旁边使用styled-components，我有这样的组件： import styled, { keyframes } from 'styled-components' import { ReactComponent as SpinnerIcon } from '.spinner.svg' const rotate = ....

css reactjs styled-components

回答 1 投票 1

如何在react中有条件地渲染一个风格化的组件？

我有一个styled-component，我想只在屏幕尺寸超过480时才渲染。我试着通过获取元素的引用并禁用它来做到这一点，但没有成功。我设置了...

javascript html css reactjs styled-components

回答 1 投票 0

根据反应子的数量计算弹性基数。

我试图根据孩子的数量来计算flex-base。 div { ** TODO: 计算孩子的数量 100 * flex-base: ${props => 100 React.Children....。

javascript css reactjs styled-components

回答 1 投票 0

用户点击react-router-dom后的UI反馈<Link>？

这是我要处理的问题。用 react + react -router -dom 构建的单页应用用户点击了一个组件 URL变化和我的开始渲染一个新的