如何在AntDesign中使用CSS-in-JS

在AntDesign中，你可以使用CSS-in-JS库来定义样式，例如styled-components或emotion。以下是一个使用styled-components的示例：

1. 首先，安装styled-components库：

npm install styled-components

2. 然后在你的组件中引入styled-components并定义样式：

import styled from 'styled-components';

const StyledButton = styled.button`
  background-color: #1890ff;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
  &:hover {
    background-color: #40a9ff;
  }
`;

const MyButton = () => {
  return <StyledButton>Click Me</StyledButton>;
};

在这个示例中，我们使用styled-components定义了一个按钮组件，设置了背景颜色、文字颜色、内边距等样式，并添加了hover效果。

通过这种方式，你可以在AntDesign中使用CSS-in-JS来定义样式，实现更灵活和易于维护的样式管理。