0

我刚开始做一个项目，我决定使用 ant design 包。我想创建可重用和可修改的组件。例如，我想创建一个按钮组件并在整个应用程序中使用它，而不是直接使用 antd 的按钮组件。因此，如果我决定更改按钮的外观，我将只更改我创建的按钮组件。因此，如果我决定使用另一个 ui 包，我只需要更改按钮组件或它的样式，而不是在整个应用程序中更改它。我实际上是一名后端开发人员，对前端的了解不多。我想知道我的方法是否正确。我问是因为下面的代码对我来说似乎不合适：

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


function myButton(props) {
  return (
    <Button {...props}>
      {props.children}
    </Button>
  );
}

export default myButton;

在其他文件中：

import { Button } from './components/button';

代替：

import { Button } from 'antd';

我应该以这种方式使用这种方法还是扩展这些组件而不进行更改（或直接从组件目录导出它们）？

4

0 回答 0