不必使用 Chakra 编写类。我没有。我什至不知道这是否可能。整个 React 范式是一个组件组合和属性。组件的封装意味着您将某些属性传递到组件中。在 Chakra 中,你有一个主题的概念,它是一个全球范式。有一个默认主题,它有颜色和间距的值以及所有常见事物的某些单位。 麦克风:您可以自定义该主题。它在全球范围内对其进行定制。您可以根据需要增强它。当您调用组件本身时,例如文本输入。输入组件。这将具有主题定义的默认颜色、边框半径、填充和边距。当您想进一步设置样式时,如果您不想在全局基础上进行操作,例如,当我指定底部边距时,我会根据具体情况进行操作。我不会在全球范围内这样做,因为这可能会导致灾难。
您只需将其作为提示传递即
麦克风:有快捷方式提示。如果我有一个输入组件,我只是说,MB 等于,然后是一个值,它将应用边距底部。或者他们有 MX 和 MY 表示垂直和水平。或者您可以 突尼斯电话号码表 只指定 M 并传递字符串,就像传递 margin CSS 属性一样。没有班级名称。它动态地执行类名并将其混淆,远离用户。 德鲁:是的。我认为这就是必须与 Tailwind 进行比较的地方。因为 Tailwind 的工作方式是它为您提供了一整套类。如果您想增加利润,您可以开设一门课程来增加利润。听起来实际上您正在采取相同的…这是一种不同的实现,但其架构方式相同。我们实际上正在使用道具,并且您正在传递一个道具来 德鲁:定制设计有多容易?是否只是能够调整颜色、边距和填充并调整这些东西。
使其看起来有点不同或者你真
的可以用 Chakra 来打造一个主题吗? 麦克风:哦,你可以做任何你想做的事情。这很棒。您可以在组件级别或主题级别设置样式。这仅取决于您想要如何发挥创意。我已经成 BTC 数据库欧盟 功地使用了一些组件并用它们做了一些疯狂的事情。使其真正具有风格的部分原因是这些组件非常原子。 麦克风:再次使用文本框示例,如果您想要一个文本框,您的组件就是这样。您可以设置周围所有内容的样式,也可以设置文本框本身的样式。或者您可以更改主题。设置颜色以在全球范围内重塑一切。 麦克风:事实上,我在 Twitter 上发了 Chakra UI 的创建者 Seg 的消息,说他们应该在网站上放一个画廊,因为它真的很棒。你可以用它创造一些漂亮的设计。