问题标签 [grommet]

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 投票
1 回答
272 浏览

css - 在索环中的框中显示图像作为背景

我正在尝试使用属性将 a 的背景设置Box为本地图像,但它似乎没有生效。我创建了一个沙箱来展示这个问题。我在本地添加了一个 background.jpeg 图像,我将其设置为框上的背景,但背景图像未设置为背景。如果我将背景图像设置为某种颜色,比如“蓝色”,它就会生效。urlbackground

如何将 a 的背景设置为Box图像?

https://codesandbox.io/s/great-sun-tqmhb

0 投票
1 回答
193 浏览

datatable - 如何向索环数据表添加分页

我只是拿了https://v2.grommet.io/datatable的例子,并用 pagination 属性对其进行了扩展,但这没有效果,表格也没有改变。

0 投票
1 回答
63 浏览

javascript - 我怎样才能把它变成一个工作轮播?轮播弹出但两个箭头未激活

我怎样才能把它变成一个工作轮播,在同一个轮播旋转中显示 3 张或更多卡片?这是我整理的示例代码,在不同的旋转中显示更多多张卡片时遇到了麻烦。我的目标是能够在旋转木马的每个春天(总共四次旋转中)显示多张卡片。

0 投票
1 回答
45 浏览

javascript - 如何在轮播中修复要与之交互的按钮?

当我尝试将图层/按钮导入其中一张卡片时,它不允许单击或与之交互。我相信问题出在轮播上。我有什么办法可以解决这个问题?“CenterLayer”应该充当一个按钮,是我遇到问题的那个。当我输入此代码时,图层作为页脚出现在卡片上,但不允许单击。请问有没有人可以帮我解决这个问题?

0 投票
1 回答
46 浏览

javascript - 我怎样才能让这个下拉列表显示所有五十个州而不是“选项#”

现在,这段代码显示了一个列出“选项#”的下拉表单。如何使所有 50 个州都可选择而不是选项和数字?

0 投票
1 回答
48 浏览

javascript - 如何修复聚集的文本?如何修复背景不会一直下​​降?

在这段代码中,我在侧边栏上的文本不会聚集在一起。我该如何解决?另外,我怎样才能将侧边栏的背景一直延伸到它与页脚相交的点,就像区域主干一样。整个页面设置在 Grommet 的网格中。我尝试使用代码中显示的填充和边距,但它仍然不起作用。我还尝试了 CSS 中的一些功能,但仍然无法正常工作。

0 投票
1 回答
889 浏览

javascript - .eslintrc 中的 ESLint 配置无效:-意外的顶级属性“import/no-extraneous-dependencies”

我正在编写访问网络摄像头的代码,通过我的反应应用程序单击图片或浏览并从您的文件上传图片。对于使用 react-html5-camera-phot 和 grommet,我遇到了这些错误,基本上错误是import/no-extraneous-dependencies错误。

为了解决这个问题,我运行了建议的命令,但问题仍然存在,并且我一直收到同样的错误。

因此,为了消除这些错误,我经历了堆栈溢出,并得到了一个建议发布import/no-extraneous-dependencies": ["error", {"devDependencies": false, "optionalDependencies": false, "peerDependencies": false}]在我的 .eslintrc 文件中。我发布了这个,现在我收到了这个错误:

.eslintrc 中的 ESLint 配置无效:- 意外的顶级属性“import/no-extraneous-dependencies”。

我也尝试解决此错误,但找不到任何有用的东西。如果您能告诉我我做错了什么,那将非常有帮助!提前致谢。

0 投票
0 回答
22 浏览

javascript - 如何修复页脚?我是用 Grommet 做的,一切看起来都不错,但所有页脚内容都向左移动

无论如何,我的页脚都保持在左侧。我使用了所有的 align 语句,justify 语句,但没有任何效果。我尝试使用间隙或边距将其隔开以位于中心,但这会导致响应问题。谁能帮助我或知道我能做什么?

这是我的 js 代码:

`从'react'导入反应;从“样式组件”导入样式;从'react-router-dom'导入{Link};

这是我的CSS:

0 投票
0 回答
26 浏览

javascript - 如何使这个链接到 Json 文件的 js 卡水平移动?

目前,每当我使用 JSON 文件添加一个新选项时,它都会直接下降。我怎样才能到达下一张卡片向右的位置?我在其他事情上也遇到了这个问题。我添加了一个方向 =“行”,但它仍然没有做任何事情。有什么建议么?任何帮助表示赞赏,谢谢。

0 投票
1 回答
21 浏览

reactjs - 我怎样才能让“其他”变成一个按钮,用户可以在其中输入任意数量的钱?

我怎样才能让“其他”变成一个按钮,用户可以在其中输入任意数量的钱?我尝试使用按钮创建一个 const other 并将 {other} 放在选项选项卡中,例如 options={['$5', '$10', '$20', '$50', '$100', {other}]} 但是那没有用。我正在使用 Grommet UI,欢迎提出任何建议。谢谢你。