如何单独设计两个ant.design组件？

Question

我正在尝试设置来自ant.design的两个不同Dropdown组件的样式。

对于一个Dropdown组件，我通常会创建一个css文件，找到特定的className，使用css编辑该组件，然后导入css文件。但是，每当我执行此操作时，即使我没有将Dropdown文件导入特定文件，我在整个webapp中使用的所有css组件都会使用相同的css文件进行修改。

在这种情况下，我想以不同的方式设置两个Dropdown组件的样式。我怎么能这样做？

感谢任何帮助;提前谢谢:)

Answer 1

i usually just use styled-components and then wrap the component. I use react front end tho.

import styled from 'styled-components';

<LoginForm onSubmit={this.handleSubmit}>
</LoginForm>

const LoginForm = styled(Form)`
  max-width: 300px;
  align-self: start;
  justify-self: center;
`;