在react中使用antd-mobile

简介: 安装npm install antd-mobile --save装完之后提示要安装ajv2. 在index.html加入 faskclick.js(看文档)3.
  1. 安装
    npm install antd-mobile --save
    装完之后提示要安装ajv
2. 在index.html加入 faskclick.js(看文档)
3. 安装 babel-plugin-import
``` npm i babel-plugin-import --save-dev
4. 配置根目录下的.babelrc的文件,加上下面的配置

{
"plugins": [
["import", { libraryName: "antd-mobile", style: "css" }] // style: true 会加载 less 文件
]
}

5. 创建组件,应用ui组件

import React, { Component } from 'react';
import { Button } from 'antd-mobile';
export default class ButtonDemo extends Component {
static propTypes = {

};
render() {
return (
<div className="demo-button-demo">
<Button type="primary">按钮</Button>
</div>
);
}
}

目录
相关文章
|
6月前
|
前端开发 JavaScript 测试技术
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
177 0
|
6月前
|
前端开发
react按需引入antd-mobile
react按需引入antd-mobile
111 0
|
6月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
116 0
|
JavaScript 前端开发
React+html2canvas+jspdf+antd快速实现前端pdf预览及打印
文章的总结目标实际上就是一个前端pdf打印组件,由於能在往后的其他项目中得以快速上手,并能根据所在项目需要快速自定义扩展,因此組件非常简陋直白,文章是实践过程的记录产物,并不保证完全正确,仅作参考。
React+html2canvas+jspdf+antd快速实现前端pdf预览及打印
|
6月前
|
前端开发 JavaScript CDN
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
222 0
|
前端开发 CDN
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
916 0
|
前端开发
react antd框架中的徽标获取数据对应状态的数量
react antd框架中的徽标获取数据对应状态的数量
60 0
|
6月前
|
前端开发 JavaScript 架构师
react+typescript+umi+dva+antd
react+typescript+umi+dva+antd
96 0
|
6月前
|
前端开发
react 使用 antd-mobile组件库实现下滑加载数据
react 使用 antd-mobile组件库实现下滑加载数据
168 0
|
前端开发 开发者
antd mobile 作者教你写 React 受控组件和非受控组件(一 )
曾经,我每次面试时几乎都会问一个问题:antd 中的 Input 组件是受控组件还是非受控组件?
298 0
antd mobile 作者教你写 React 受控组件和非受控组件(一 )