如何覆盖Grommet中的默认样式？

Question

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

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

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

但是，如果我有自定义要求怎么办？ 说，要禁用登录按钮，直到同时输入用户名和密码？ 然后，我如何获得对该按钮及其文本字段的引用？

根据Grommet方法，是否甚至可以这样做？

Answer 1

我认为不建议您覆盖样式，因为框架是为此而提供的，它提供了很多选项，但是所有选项都根据框架的协调性而定，请查看按钮的示例

另外，如果您希望禁用该功能，则不提供onClick属性或将其设置为虚假值就足够了：

<Button label='submit'  onClick={null} />

但是，是的，在某些特殊情况下，您想要放置自己的样式，因此可以执行以下操作：

<Button label='submit' style={{ marginRight: 2, marginLeft: 2 }} />

如您所见，样式不是字符串而是对象， 内联样式中的更多信息| 反应

Answer 2

Grommet提供了一种管理主题的机制，使其适合您的计划。
创建自定义主题可以改变很多事情，在这里查看我的答案：
扣眼UI-自定义配色方案
完成后， 您的样式就是默认样式。 \\不仅是颜色，还可以调整许多其他内容。