组件库的使用与自定义组件

随着前端技术的不断发展，组件化已经成为了前端开发的主流方式之一。组件库就是一种将常用组件封装起来，提供给开发者复用的方式。

组件库的使用一般需要先引入组件库的代码，通常可以通过npm安装组件库依赖，然后在代码中import引入即可。引入组件库之后，就可以在代码中使用组件了。不同的组件库提供的组件不一样，具体使用方法需要查看组件库的文档。

如果组件库提供的组件不能满足需求，可以自定义组件。自定义组件的方法有函数组件和类组件两种方式。函数组件是一种定义简单的组件的方式，它只需要返回一个React元素即可。类组件是一种定义复杂组件的方式，它需要继承React.Component类，并实现render方法。

总之，组件库的使用和自定义组件是前端开发中非常重要的部分，它们可以提高开发效率和代码的可复用性。开发者可以根据自己的需求选择合适的组件库和自定义组件的方式，来更好地完成前端开发工作。

npm install antd --save
import { Button } from 'antd';

import { Button } from 'antd'; function MyButton() { return ( <Button type="primary">Primary Button</Button> ); }

function App() {
    return ( 
        <div> <HelloWorld name="Alice" /> 
            <HelloWorld name="Bob" /> 
        </div> 
        ); 
      }