小编ong*_* oi的帖子

如何使用 Ant design v5 主题和样式组件

Antd 5.0 引入了新的主题系统。但我想知道当我通过样式组件声明组件时如何访问主题的那些设计标记。通常我这样声明我的组件。

const MyComponent = styled.button`
  color:${props=> props.theme.color.primary};
`;
Run Code Online (Sandbox Code Playgroud)

themeThemeProvider这是从定义的样式组件中获取的App.jsx

<ThemeProvider theme={baseTheme}>
<App/>
</ThemeProvider>
Run Code Online (Sandbox Code Playgroud)

因此,主题只能访问主题文件中定义的设计令牌。如何访问 Antd 主题的其他 token?

我想到的一种方法是创建一个主题来覆盖 Antd 的每一个设计标记。但我认为这是个坏主意

reactjs styled-components antd

5
推荐指数
1
解决办法
4459
查看次数

标签 统计

antd ×1

reactjs ×1

styled-components ×1