问题标签 [grommet]

前端是用ReactJS编写的，更具体地说是grommet。单击“下载”按钮可向用户提供多个pdf文件。这些文件存储在GridFS中。我希望给用户一个包含所有这些文件的压缩文件夹。我怎样才能做到这一点？

提前致谢。

我正在使用 Gatsby、Grommet 和 React 编写一个简单的项目，基本上是读取一个 markdown 文件然后是渲染器；跟随盖茨比教程。

一切都很好，除了任何页面的第一次加载。

主要内容在呈现后很快消失。如果 JavaScript 被禁用，则不会发生此问题。所以，我认为我犯了一些错误，阻碍了 React 的补液。

下面是一个指向问题发生视频的链接、源代码和用于测试的公共 URL。

我正在拔头发，提前感谢您的任何提示！

链接：

• 视频

• 公开部署的 url

• 源代码

在使用索环 UI 和样式化组件时，是否有人对单击时更改按钮标签有任何见解？只使用自定义按钮而不是扣眼更容易吗？

我正在尝试用这些连接父母和孩子的花哨的红线设计一个定制的手风琴（见图）。

我在这里使用 Grommet 组件，但总而言之，它的布局只是一堆 div（Box 标签）和一个可折叠的子面板组件（Collapsible 标签）。可以打开子面板并显示更多内容。

经过几次尝试，我连接父母和孩子的做法是用左边框包裹外框，然后使用顶部的白框移除底部的额外边框（第二个示例的 Stack 标签代码）。连接卡片和左边框的水平线只是放置在 Child 选项卡旁边（在 SubMenuElement 组件内）的样式化 div。

我认为这是一个相当复杂的解决方案（也因为我需要让白盒响应），但我想不出一个更简单的解决方案。你对我如何改进或重新做红色连接有什么建议吗？在此先感谢您的帮助！ 请注意，我知道所有面板在点击时都使用相同的变量

);

我正在尝试按照https://v2.grommet.io/form上的示例使用 Grommet 创建一个基本表单。我的具体表格如下所示：

一旦我开始在任一字段中输入内容，我就会得到以下信息：

请注意，如果我用上面链接示例中的剪切/粘贴替换我的表单代码，我会得到完全相同的错误。

我对错误的含义有相当合理的理解，但我不知道在这种情况下如何修复它。Grommet 的受控表单组件的实现是否损坏，或者我是否在我的配置或包中的其他地方遗漏了可能导致这种情况的东西？

我必须在主题中设置什么变量来更改基本字体颜色？就像是：

或者

我收到了onChangeGrommetRangeInput组件的打字稿错误。

错误：

用于 onChange 的正确类型是什么？反应变化事件？

我无法为我的图表单独显示标签。

在这里，它不显示 label: 图表一侧的六十。你能建议我如何让这个显示。谢谢。

我在React中做了一个应用程序，并使用了Grommet库来设计我的组件。我定义了一个主题文件来为不同的移动设备设置断点：

要布局按钮，我使用了扣眼框组件：

当我运行应用程序并在不同设备上检查当前窗口时，我得到以下输出：

和

即使使用ResponsiveContext.Consumer并设置 width=size} 它也不起作用。

有什么建议么？

我做了一个沙盒示例。

我是带有样式组件的 Grommet 新手。我已经检查了所有文档，但找不到解决方案。

问题

我有一个带有图标和标签的锚。问题是当我悬停或处于活动状态时，我无法定位样式图标。文本/标签虽然改变了样式。我怎样才能实现/解决这个问题？

我也尝试过使用样式化组件并将图标和文本放入扣眼盒中，但没有奏效。

请帮忙！