问题标签 [rebass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
77 浏览

css - 使用 Rebass 悬停效果和伪元素样式做出反应

我正在使用带有 rebass 的 create-react-app。如何添加伪元素?

但什么也没发生……

编辑:我现在自己才发现:

但是 :hover::before 似乎不适用于图像..

0 投票
1 回答
44 浏览

reactjs - 如何使用主题 UI 中的禁用或活动等动态类值?

所以,我正在使用 theme-ui 及其主题功能,但我是新手。

以我的旧方式,我只会使用包 classNames 并根据道具或状态等动态添加样式。

翼...

所以,如您所见 - 我可以根据道具更新按钮。我将如何使用主题-ui 做到这一点?

我如何使用 theme-ui 对按钮或 div 或任何东西进行动态禁用或说“活动”状态。我该如何做到这一点?我必须在我的 theme.js 文件中声明一个主题类型,还是我们“jx”来覆盖?

有什么例子吗?

0 投票
0 回答
38 浏览

javascript - 当我将注意力集中在下拉空格上时,不会打开我的下拉菜单

我正在使用Selectfrom开发下拉菜单rebass。当我使用键盘浏览页面时,当我来到下拉菜单并按空格键或回车时,我希望打开下拉菜单。我在下拉列表周围添加了一个 Box 容器,并且一个onKeyDown事件将直接通过 ref 获取 html 元素,并且在按下 enter 或空格时将打开下拉列表。这是它的外观:

当我使用 Tab 浏览页面时,如果我按 Enter,当焦点位于下拉菜单上时,下拉菜单会打开 - 它的工作方式与预期相同,但如果我按空格键,下拉菜单的焦点将丢失,并且下拉菜单没有打开。如果我在空间上按两次,下拉菜单会打开。有人可以帮我弄这个吗?为什么按一次空格键会失去焦点?还有另一种方法可以做到这一点(按一下空格打开下拉菜单)?

0 投票
0 回答
15 浏览

reactjs - Rebass 没有拾取 Theme ui 主题中定义的值

我的索引文件,我在其中将 App 组件与ThemeProvider

索引.tsx

我定义我的主题

主题.ts

这是我的 App 组件,我在其中创建了一个 Rebass 按钮组件。

应用程序.tsx

该按钮没有选择我的主题中定义的原色。有谁知道为什么?