问题标签 [grommet]

我有一个索环 JS 项目，我在其中使用 LoginForm 组件。

我浏览了组件的帮助页面，可以看到它提供的功能。这是参考：

https://grommet.github.io/docs/login-form

但是，如果我有自定义要求怎么办？比如说，在输入用户名和密码之前禁用登录按钮？然后我如何获得对该按钮和那里的文本字段的引用？

根据 Grommet 方法甚至允许这样做吗？

我在 Chrome 上的 react/redux/react-router 出现了一些奇怪的行为。我有一个看起来像这样的组件：

当我在 Firefox 上提交表单时，它会将我带到正确的 url，即http://myip/#/search。但是在 Chrome 上，它把我带到了以下网址：http://myip/?#/search，由于某种原因，它也在刷新应用程序，所以我失去了商店中的所有状态。以前有人观察过这种行为吗？

（也适用于我正在使用的表单组件grommet）

我正在使用索环来开发应用程序。库中的一堆组件都有一个 onClick 属性，当您向组件的 onClick 属性提供回调函数时，它会变为可悬停的。但这似乎不会发生在 TableRow 组件中。在这里拉小提琴。用一些css解决这个问题应该不会太难，但我想知道这是我错过了一些设计概念（即特别是TableRows不可悬停的原因）或者是否有更多的扣眼式使 TableRows 可悬停。

代码：

索引.html：

index.js：

我尝试将 Grommet UI 中的组件与 ReactJs 一起使用。我想了解是否有一种方法可以使用现有的 Grommet 主题以获得更小的组件（文本输入、数字输入、日期时间），或者我必须通过覆盖组件尺寸来进行自定义？

我正在使用带有反应的索环来呈现我的应用程序的 UI。当用户单击按钮时，我会显示一个图层组件。一切正常，但我不知道如何测试图层的孩子。我正在使用酶、摩卡和柴作为测试套件。这是我的组件代码的代码：

这是我的测试：

查看应用程序中渲染的组件，我发现 grommet 以这种方式渲染他的 Layer 组件：

任何人都可以帮助我吗？谢谢

嗨，我是 Grommet 和一般开发的新手。我在显示移动菜单时遇到了一些问题。

当屏幕达到一定大小时，拆分视图仅显示屏幕的右侧，使您无法访问菜单。

据我所知，您只需要在右侧的标题中设置一个标题，该标题设置为responsive={true}. 如果您的设备是移动设备，这将显示您的标题。

这似乎不起作用。标题显示整个时间。我理想中想要的是从侧边栏中显示标题。

谁能帮我实现这一目标？

grommet.min.css 为 393kb，如果我在 webpack 中使用 sass 加载器并导入 grommet index.scss，则包大小增加了 468kb。有没有办法减小这个尺寸？我们如何才能只包含需要的样式？

谢谢

我正在为 ux 使用 Grommet React 库。我正在做一个电话布局项目。

我有一个来自 redux 状态的道具，它代表一个元素数组。初始状态为空数组，服务器返回后，props 为

我想要的是一个列布局，每行正好有两列，每列占可用空间的 50%。

为此，我以这种方式使用了 Column 组件

最后是 renderCountries 方法

但是使用此代码，系统将仅逐行呈现一个元素。如何逐行获取两列？

提前致谢

Grommet Anchor 'tag' 属性类型需要 'string'，因此使用 react-router-dom 中的 Link 会产生控制台警告。除了警告，一切正常。

警告：道具类型失败： 提供给tag的道具类型无效，应为。functionAnchorstring

代码：

文档说：

tag {string} 用于元素的 DOM 标签。默认值为 . 这应该与 React Router 中的 Link 等组件结合使用。在这种情况下，Link 控制导航，而 Anchor 控制样式。默认值为 a。

“索环-css”：“^1.6.0”

我做错了什么，是否有可能摆脱警告？

我正在寻找一种将索环框架集成到使用 cli 创建的反应应用程序的方法。我想在我的应用程序中使用反应索环组件，但预处理器 SCSS 存在一些问题。今天，我尝试以多种方式集成它们，我遵循了很多教程，但它仍然无法正常工作。你知道或者你有成功将它们一起使用吗？谢谢