如何对antd中的组件进行二次封装

对antd中的组件进行二次封装可以提高代码的重用性，并且方便项目中的多个组件使用相同的样式和逻辑。下面是一个简单的二次封装antd中Button组件的例子：

import React from 'react';
import { Button } from 'antd';

const MyButton = ({ children, ...rest }) => {
  return (
    <Button
      style={{ backgroundColor: '#1890ff', borderColor: '#1890ff' }}
      {...rest}
    >
      {children}
    </Button>
  );
};

export default MyButton;

在这个例子中，我们创建了一个名为MyButton的组件，它接收一个children和其他可能的props，并将它们传递给antd中的Button组件。我们还为Button组件添加了一个样式，以覆盖antd中的默认样式。现在，我们可以在我们的应用程序中使用MyButton，就像使用antd中的Button一样：

import React from 'react';
import MyButton from './MyButton';

const App = () => {
  return (
    <div>
      <MyButton>Click Me!</MyButton>
    </div>
  );
};

export default App;

这个例子只是一个简单的示例，您可以根据您的需求对antd组件进行更复杂的封装。