在react中使用antd-mobile

  1. 云栖社区>
  2. 博客>
  3. 正文

在react中使用antd-mobile

儒清 2018-10-12 09:24:00 浏览1678
展开阅读全文
  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>
);
}
}

网友评论

登录后评论
0/500
评论
儒清
+ 关注