Question

我刚刚开始研究一个项目，我决定使用ant设计包。我想创建可重用和可修改的组件。例如，我想创建一个按钮组件并在整个应用程序中使用它，而不是直接使用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';

我应该以这种方式使用这种方法，还是在不做更改的情况下扩展这些组件（或直接从组件目录中导出它们）？

React JS：可重用和可修改的ui组件？

0 个答案: