cost 75 ms
如何在带样式的组件中使用事件处理程序 - How to use event handler with inside a styled component

注意:有一个 Index 组件和一个名称也为 index 的 useState 变量。 不要混淆。 我希望每次单击索引组件时,索引 useState 变量都会更新为该特定键值。上面的代码将内联事件处理程序应用于索引组件,但索引 state 变量在单击时未正确更改。在控制台记录索引一个字符串得到 o ...

无法使用网格和样式组件正确渲染反应分屏组件 - unable to properly render a react split-screen component using grid and styled-components

我刚刚学习了如何创建一个分屏(2 个屏幕)组件,该组件在父容器上使用“display: flex”,在其子容器上使用“flex: 1”来生成左组件和右组件。 现在我正在尝试创建一个分屏(5 个屏幕)组件,它使用“显示:网格”来生成 3 列和两行,左侧边栏占据第一列,两行和其他四个屏幕各占向上 1 列 ...

如何从另一个样式组件继承 styles 并将常规组件同时转换为样式组件? - How to inherit styles from another styled component and turning regular component into styled component at the same time?

我正在使用 StyledComponents 样式框架,这是我的常规反应组件 我想通过调用 styled() function 将此组件转换为样式化组件,为此我已将 className 属性附加到我的反应组件 (SelectButton) 的 DOM 元素。 但是我不想将 css 放在这个样式组件 ...

无法将 props.style 传递给“@emotion/styled”组件 - Can't pass props.style to "@emotion/styled" component

我正在使用情感风格的组件。 我有一个名为Layered的组件,我定义如下: 在我的主要代码中,我创建了另一个名为<LayeredModified />的组件,它应该是Layered的,带有一些额外的样式。 样式是: Layered本身永远不会显式呈现,只有LayeredModified ...

在 Styled Components 中使用 props 设置背景图像 - Set Background Image using props in Styled Components

这是主页组件。 我将详细信息作为道具传递给主要组件 这是主要组成部分 文件结构(用于图像路径) 在此处输入图像描述我希望我作为道具传递的背景图片可见。 使用上面的代码后,它看起来像这样在此处输入图像描述如您所见,图像在后面不可见,但在检查中您可以清楚地看到正确的 url 图像在那里。 请帮忙。 ...

如何设置 Material-UI 的 BottomNavigationAction 样式,使所选图标的颜色不同? - How to style Material-UI's BottomNavigationAction, so the selected icon is a different color?

我需要一些帮助来解决我在使用 Material-UI 样式组件时遇到的这个问题我正在尝试使用 Material-UI v5 在 React 上创建一个 BottomNavigation 栏。 我希望栏中所选选项的图标显示特定颜色,比方说红色 (#f00),未选择的图标显示绿色 (#00f),为此我 ...

扩展孙输入时使用 CSS 更改父容器颜色 - Change parent container color using CSS when grandchild input is expanded

我有一个 React 组件,其中容器是黄色的,但是当它的输入字段展开时它应该是橙色的。 仅使用 CSS,可以在以下任一情况下更改outer-container背景颜色:a) 输入宽度被扩展,或者 b) 输入有焦点? 我试过了 但这不起作用,因为.outer-container:focus-withi ...

nextjs13 和 styledcomponent 错误 - nextjs13 and styledcomponent errors

您好,我们正在使用样式化组件,在更新到 next.js 13 和 react 18 后,使用样式化组件的下一个配置设置,我们得到了一些奇怪的行为。 扩展 styles 时 如果 styles 之间存在不匹配,我们有时会得到错误的样式,但只有在我们构建并启动项目时才会出现这种情况。 当我们运行 dev ...

如何使用 StyledComponents 动态更改主题? - How to dynamically change theme using StyledComponents?

我有一个白标应用程序和两个想要略有不同主题的终端客户。 理想情况下,我不想在顶层传递主题,然后通过下面的所有各种组件。 有更好的方法吗? 我的主题是动态的select吗? 我可以让主题全球可用吗? 像 Tailwind CSS 这样的东西会处理它的配置文件,如果是这样,我该如何动态更改它? ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM