Advertisement

关于react-Ant Design框架的基础用法

阅读量：

前言

近期在研究react-Ant Design框架过程中，对其中button组件的基础应用方式进行了整理与归纳，现将相关知识点进行记录。

引入框架 使用组件

基础按钮

在开始使用之前，需要先引入Ant Design及其内部的button组件，同时应确认已在项目中完成Ant Design的安装。以下是基础类型的按钮示例：

复制代码 
    import React, { memo } from 'react'
    import { Button } from 'antd'
    import './index.scss'
    
    // React.memo是一个高阶组件,memo类似于PureComponent,不同的是,memo是一个function组件
    export default memo(function Index() {
      return (
    <div className='wrap'>
      <Card title='基础款按钮' className='button-wrap'>
        <Button>按钮</Button>
        <Button type='primary'>按钮</Button>
        <Button type='danger'>按钮

全部评论 (0)

还没有任何评论哟~

相关文章推荐