我有一个索环 JS 项目,我在其中使用 LoginForm 组件。
我浏览了组件的帮助页面,可以看到它提供的功能。这是参考:
https://grommet.github.io/docs/login-form
但是,如果我有自定义要求怎么办?比如说,在输入用户名和密码之前禁用登录按钮?然后我如何获得对该按钮和那里的文本字段的引用?
根据 Grommet 方法甚至允许这样做吗?
我有一个索环 JS 项目,我在其中使用 LoginForm 组件。
我浏览了组件的帮助页面,可以看到它提供的功能。这是参考:
https://grommet.github.io/docs/login-form
但是,如果我有自定义要求怎么办?比如说,在输入用户名和密码之前禁用登录按钮?然后我如何获得对该按钮和那里的文本字段的引用?
根据 Grommet 方法甚至允许这样做吗?
Grommet 提供了一种机制来管理主题,使其符合您的计划。
通过创建自定义主题可以更改很多内容,请在此处查看我的答案:
Grommet UI -- Custom Color Schemes
完成后,您的样式就是默认样式。\ 它不仅是颜色,还有很多其他的东西可以调整。
我不认为重写样式是非常值得推荐的,因为框架就是为此,它提供了很多选项,但所有选项都根据框架的和谐,查看按钮的示例
此外,如果您希望禁用它,则不提供 onClick 属性或将其设置为虚假值就足够了:
<Button label='submit' onClick={null} />
但是,是的,在某些特殊情况下,您想要放置自己的样式,以便您可以执行以下操作:
<Button label='submit' style={{ marginRight: 2, marginLeft: 2 }} />
如您所见,样式不是字符串而是对象,内联样式中的更多信息 | 反应