react按需引入antd-mobile

最新推荐文章于 2024-08-07 09:07:11 发布

Boale_H

最新推荐文章于 2024-08-07 09:07:11 发布

阅读量583

点赞数

分类专栏： react 文章标签： react javascript typescript 前端 webpack

Edited by Boale_H （博哥的二进制世界）

本文链接：https://blog.csdn.net/Boale_H/article/details/109066085

版权

react 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

本文介绍了如何在React项目中按需安装antd-mobile库，提供了三种安装方法，并展示了一个简单的Button组件使用示例。通过阅读，你可以了解到如何在React应用中集成并使用antd-mobile组件。

摘要由CSDN通过智能技术生成

react按需引入antd-mobile

安装antd-mobile

npm i antd-mobile -S

法一

在这里插入图片描述

法二

在这里插入图片描述

法三

在这里插入图片描述

组件使用

import React, { Component } from 'react'
import { Button } from 'antd-mobile';

export default class Index extends Component {
  render() {
    console.log(process.env.REACT_APP_ENV)
    return (
      <div>
        首页
        <Button type="warning" disabled>warning disabled</Button>
      </div>
    )
  }
}