styled-components 相关问题

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

从 Babel 迁移到 Nextjs SWC 遇到 Minified React 错误

当我删除当前的 .babelrc 以强制 NextJS 13 使用 SWC 时。它显示错误:错误:缩小反应错误#130。但是当我再次添加 .babelrc 文件时,一切正常

回答 1 投票 0

样式化组件错误“看起来有一个未知的 prop“responsive”被发送到 DOM,这可能会触发 React 控制台错误。”

我正在使用反应数据表组件,这需要我安装样式组件。 当我在传递列和数据道具后渲染数据表时,我的控制台上出现了各种错误...

回答 3 投票 0

如何在React网站上查看data-styled =“active”中的完整CSS代码

我去了这个网站,这是一个反应网站,我试图找到它向我展示的CSS文件 如何...

回答 1 投票 0

使用样式化组件自定义 antd 工具提示样式

我正在尝试为 antd 工具提示组件自定义宽度:链接到文档 如何才能做到这一点 ? 从“反应”导入反应; 从“react-dom”导入ReactDOM; 导入“antd/d...

回答 4 投票 0

NextJS 显示警告:使用 Tailwind CSS 和样式化组件时 Prop className 不匹配

从 'react' 导入 { createContext, useEffect, useState }; 导出 const CartContext = createContext({}); 导出函数 CardContextProvider({ 儿童 }) { const [cartProducts, setCartProduct...

回答 1 投票 0

OutlineTextField 文本未更改

我是android开发中的初学者开发人员,我对OutlineTextField有一些问题,情况是我想编辑OutlineTextField中已经存在的数据,但从

回答 1 投票 0

定位旋转图标

我有一段代码,我无法理解它,我需要帮助。 我有几个图标,我希望它们绕圈旋转,同时保持笔直并且不围绕它们旋转......

回答 1 投票 0

Register 作为 prop 传递时不是一个函数?

我第一次使用react-hook-form。我正在阅读文档并遵循。同样,我已经布置了组件并设计了它们的样式。现在我试图在表格之后提醒数据

回答 3 投票 0

更新 `react-data-table-component` 包时出现“TypeError: t is not a function”

当我更新我的react-data-table-component包时,我遇到了一些控制台错误,提示“TypeError:t不是函数”。软件包文档或

回答 1 投票 0

具有条件样式和虚假值的 CSS 属性

我正在寻找问题的答案:我应该如何将样式与条件运算符一起使用。 什么代码示例是最好的?我们可以使用非 css 值,例如:undefined、null、false 等吗? ...

回答 1 投票 0

如何在 MUI 菜单组件上应用自定义样式表 - React

我是 React 新手。我有一个自定义 MUI 菜单组件,它有两种类型的菜单; “menuitem-group”和“menugroup-section” 菜单标题之一,会有一些类型为“menugroup-sect...

回答 1 投票 0

Nextjs 水合(为什么我写不出标题而没有错误 stackoverflow???)

从 'react' 导入 { createContext, useEffect, useState }; 导出 const CartContext = createContext({}); 导出函数 CardContextProvider({ 儿童 }) { const [cartProducts, setCartProduct...

回答 1 投票 0

如何覆盖antd中抽屉的转换?

我有 antd 的 2 个抽屉 - 第一个调用第二个,当我打开第一个时一切正常,但是当我打开第二个时 - 第一个向右过渡 180px 变换X(180px) 我见过那个

回答 2 投票 0

样式组件 createGlobalStyle 为整个网站有效负载添加 10mb nextjs

我的字体是200kb。 当我这样做时,我的整个 nextjs 网站会增加 10MB。到底是怎么回事。 从“样式组件”导入{createGlobalStyle}; 从 './fonts/my-font.ttf' 导入 myfont; 出口公司...

回答 1 投票 0

如何使用样式化组件在 React Native 中设置文本子级的样式?

所以如果我有这个 const MyView = styled.View` 背景:绿色; 红色; ` 我有 你好 文字不是红色的 所以我尝试了 ...

回答 3 投票 0

context.globals 在 DocsContainer 中不起作用 |故事书

我想将我的 MDX 文档包装在 themeProvider 中,当全局变量(globaltypes)的上下文发生变化时,它会更新。 我遵循了这个: Storybook Github 和此讨论 当我...

回答 1 投票 0

Next.Js React 应用程序与样式组件。警告:道具“className”不匹配。服务器:“x”客户端:“y”

在我的 NextJS React 应用程序中,当我更改代码中的某些内容时,HMR 会工作并显示正确的更新,但如果我刷新页面,则会再次出现此错误。这发生在开发模式下。 注意到哪里...

回答 5 投票 0

如何在 React Native + Typescript 项目中设置样式组件的“css prop”?

我正在尝试设置我的 Expo 项目,以便 Styled Components 的“css prop”能够正确地与 TypeScript 配合使用。 到目前为止我: 安装了 @types/styled-components、styled-components 和 babel-plugin-

回答 1 投票 0

如何向material-ui中的样式组件添加默认道具?

如何在 MUI 中的自定义样式组件上设置默认属性?目前,我必须在每个我宁愿烘焙的实例上添加 maxWidth="sm" 。 const MyContainer = styled(Conta...

回答 2 投票 0

如何使用样式组件更改 antd 轮播点的形状和颜色

尝试更改antd轮播点样式,它可以用CSS实现,但不能用styled-components实现(我的项目中不允许CSS)。因为我是前端新手,不知道正确的解决方案...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.